diff --git a/content/katalog/_index.md b/content/katalog/_index.md
index 1d3f8f0..4d25c68 100644
--- a/content/katalog/_index.md
+++ b/content/katalog/_index.md
@@ -3,5 +3,5 @@ title = "Katalog"
 date = "2019-01-10T04:14:10+01:00"
 draft = false
 keywords = []
-type = "catalog"
+type = "gallery"
 +++
diff --git a/content/katalog/grabstein/_index.md b/content/katalog/grabstein/_index.md
index 1045984..87b523c 100644
--- a/content/katalog/grabstein/_index.md
+++ b/content/katalog/grabstein/_index.md
@@ -3,5 +3,5 @@ title = "Grabsteine"
 date = "2019-01-10T04:14:10+01:00"
 draft = false
 keywords = []
-type = "catalog"
+type = "gallery"
 +++
\ No newline at end of file
diff --git a/content/katalog/grabstein/grabstein-01/bilder/platzhalter.jpg b/content/katalog/grabstein/grabstein-01/bilder/platzhalter.jpg
deleted file mode 100644
index 046e2a0..0000000
Binary files a/content/katalog/grabstein/grabstein-01/bilder/platzhalter.jpg and /dev/null differ
diff --git a/content/katalog/grabstein/grabstein-01/index.md b/content/katalog/grabstein/grabstein-01/index.md
deleted file mode 100644
index e5b287e..0000000
--- a/content/katalog/grabstein/grabstein-01/index.md
+++ /dev/null
@@ -1,20 +0,0 @@
-+++
-title = "Test"
-date = "2019-05-02T06:30:55+02:00"
-draft = false
-price = ""
-type = "catalog"
-alt = "Bildergalerie für Test"
-description = ""
-material = "Material, Bearbeitungsart"
-ornament = "Ornament"
-article_id = "Artikel Nummer"
-used_for = ["Doppelgrab", "Einzelgrab"]
-keywords = []
-
-[[resources]]
-  title = "Test #:counter"
-  src = "bilder/platzhalter.jpg"
-  [resources.params]
-    alt = "Bild von einem Test"
-+++
\ No newline at end of file
diff --git a/content/katalog/abdeckung/_index.md b/content/katalog/urnengrabanlage/_index.md
similarity index 62%
rename from content/katalog/abdeckung/_index.md
rename to content/katalog/urnengrabanlage/_index.md
index 9ecbef1..d3f8c41 100644
--- a/content/katalog/abdeckung/_index.md
+++ b/content/katalog/urnengrabanlage/_index.md
@@ -1,8 +1,8 @@
 +++
-title = "Abdeckungen"
+title = "Urnengrabanlagen"
 date = "2019-01-10T04:14:10+01:00"
 draft = false
-type = "catalog"
+type = "gallery"
 keywords = []
 +++
 
diff --git a/content/katalog/urnengrabanlage/abdeckung/bilder/abdeckung.png b/content/katalog/urnengrabanlage/abdeckung/bilder/abdeckung.png
new file mode 100644
index 0000000..5de1a80
Binary files /dev/null and b/content/katalog/urnengrabanlage/abdeckung/bilder/abdeckung.png differ
diff --git a/content/katalog/urnengrabanlage/abdeckung/index.md b/content/katalog/urnengrabanlage/abdeckung/index.md
new file mode 100644
index 0000000..4d14b9f
--- /dev/null
+++ b/content/katalog/urnengrabanlage/abdeckung/index.md
@@ -0,0 +1,23 @@
++++
+title = "Urnengrab Abdeckung"
+date = "2019-05-02T06:30:55+02:00"
+draft = false
+type = "catalog"
+alt = "Urnengrababdeckung mit Umrandung"
+material = "PP4, poliert"
+article_id = "0001"
+used_for = ["Urnengrab"]
+keywords = []
+
+[[resources]]
+  title = "Test #:counter"
+  src = "bilder/urnengrababdeckung.png"
+  [resources.params]
+    alt = "Bild von einem Test"
+
+[[resources]]
+  title = "Model"
+  src = "model/abdeckung.glb"
+  [resources.params]
+    alt = "Bild von einem Test"
++++
\ No newline at end of file
diff --git a/content/katalog/urnengrabanlage/abdeckung/model/abdeckung.glb b/content/katalog/urnengrabanlage/abdeckung/model/abdeckung.glb
new file mode 100644
index 0000000..4fcd4c7
Binary files /dev/null and b/content/katalog/urnengrabanlage/abdeckung/model/abdeckung.glb differ
diff --git a/package-lock.json b/package-lock.json
index dbfebde..1fce15b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2,775 +2,25 @@
   "requires": true,
   "lockfileVersion": 1,
   "dependencies": {
-    "ajv": {
-      "version": "6.7.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.7.0.tgz",
-      "integrity": "sha512-RZXPviBTtfmtka9n9sy1N5M5b82CbxWIR6HIis4s3WQTXDJamc/0gpCWNGz6EWdWp4DOfjzJfhz/AS9zVPjjWg==",
-      "dev": true,
-      "requires": {
-        "fast-deep-equal": "^2.0.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      }
+    "three": {
+      "version": "0.104.0",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.104.0.tgz",
+      "integrity": "sha512-q617IMBC5k40U2E9UC4/LtmhzTOOLB1jGMIooUL+QrhZ7abiGCSDrKrpCDt9V8RTl6xw+0FYfA1PYsIPKbQOgg=="
     },
-    "asn1": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
-      "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
-      "dev": true,
-      "requires": {
-        "safer-buffer": "~2.1.0"
-      }
-    },
-    "assert-plus": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
-      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
-      "dev": true
-    },
-    "asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
-      "dev": true
-    },
-    "aws-sign2": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
-      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
-      "dev": true
-    },
-    "aws4": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
-      "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
-      "dev": true
-    },
-    "bcrypt-pbkdf": {
+    "vue-3d-model": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
-      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/vue-3d-model/-/vue-3d-model-1.0.2.tgz",
+      "integrity": "sha512-AfuvlmMIJrzp5dsCdust2K/oEXVV/KjDZa1f4vfhWBjL7ZoVgy16u5JkY9qdCBoUsn5XQQmMW4zy5tHSAjhFXA==",
       "requires": {
-        "tweetnacl": "^0.14.3"
-      }
-    },
-    "big.js": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
-      "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
-      "dev": true
-    },
-    "caseless": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
-      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
-      "dev": true
-    },
-    "chownr": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.1.tgz",
-      "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==",
-      "dev": true
-    },
-    "color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/color/-/color-3.1.0.tgz",
-      "integrity": "sha512-CwyopLkuRYO5ei2EpzpIh6LqJMt6Mt+jZhO5VI5f/wJLZriXQE32/SSqzmrh+QB+AZT81Cj8yv+7zwToW8ahZg==",
-      "dev": true,
-      "requires": {
-        "color-convert": "^1.9.1",
-        "color-string": "^1.5.2"
-      }
-    },
-    "color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "requires": {
-        "color-name": "1.1.3"
-      }
-    },
-    "color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-      "dev": true
-    },
-    "color-string": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz",
-      "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==",
-      "dev": true,
-      "requires": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "combined-stream": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.7.tgz",
-      "integrity": "sha512-brWl9y6vOB1xYPZcpZde3N9zDByXTosAeMDo4p1wzo6UMOX4vumB+TP1RZ76sfE6Md68Q0NJSrE/gbezd4Ul+w==",
-      "dev": true,
-      "requires": {
-        "delayed-stream": "~1.0.0"
-      }
-    },
-    "core-util-is": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
-      "dev": true
-    },
-    "cwise-compiler": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/cwise-compiler/-/cwise-compiler-1.1.3.tgz",
-      "integrity": "sha1-9NZnQQ6FDToxOn0tt7HlBbsDTMU=",
-      "dev": true,
-      "requires": {
-        "uniq": "^1.0.0"
-      }
-    },
-    "dashdash": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
-      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
-      "dev": true,
-      "requires": {
-        "assert-plus": "^1.0.0"
-      }
-    },
-    "data-uri-to-buffer": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-0.0.3.tgz",
-      "integrity": "sha1-GK6XmmoMqZSwYlhTkW0mYruuCxo=",
-      "dev": true
-    },
-    "datauri": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/datauri/-/datauri-1.0.5.tgz",
-      "integrity": "sha1-0JddGrbI8uDOPKQ7qkU5vhLSiaA=",
-      "dev": true,
-      "requires": {
-        "image-size": "^0.3.5",
-        "mimer": "^0.2.1",
-        "semver": "^5.0.3"
+        "three": "^0.88.0"
       },
       "dependencies": {
-        "image-size": {
-          "version": "0.3.5",
-          "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.3.5.tgz",
-          "integrity": "sha1-gyQOqy+1sAsEqrjHSwRx6cunrYw=",
-          "dev": true
+        "three": {
+          "version": "0.88.0",
+          "resolved": "https://registry.npmjs.org/three/-/three-0.88.0.tgz",
+          "integrity": "sha1-QlbC/Djk+yOg0j66K2zOTfjkZtU="
         }
       }
-    },
-    "decompress-response": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
-      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
-      "dev": true,
-      "requires": {
-        "mimic-response": "^1.0.0"
-      }
-    },
-    "delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
-      "dev": true
-    },
-    "detect-libc": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
-      "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
-      "dev": true
-    },
-    "ecc-jsbn": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
-      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
-      "dev": true,
-      "requires": {
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
-    "emojis-list": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
-      "dev": true
-    },
-    "extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-      "dev": true
-    },
-    "extsprintf": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
-      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
-      "dev": true
-    },
-    "fast-deep-equal": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
-      "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
-      "dev": true
-    },
-    "fast-json-stable-stringify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
-      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=",
-      "dev": true
-    },
-    "forever-agent": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
-      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
-      "dev": true
-    },
-    "form-data": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
-      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
-      "dev": true,
-      "requires": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.6",
-        "mime-types": "^2.1.12"
-      }
-    },
-    "fs-minipass": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz",
-      "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
-      "dev": true,
-      "requires": {
-        "minipass": "^2.2.1"
-      }
-    },
-    "get-pixels": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/get-pixels/-/get-pixels-3.3.0.tgz",
-      "integrity": "sha1-jZeVvq4YhQuED3SVgbrcBdPjbkE=",
-      "dev": true,
-      "requires": {
-        "data-uri-to-buffer": "0.0.3",
-        "jpeg-js": "^0.1.1",
-        "mime-types": "^2.0.1",
-        "ndarray": "^1.0.13",
-        "ndarray-pack": "^1.1.1",
-        "node-bitmap": "0.0.1",
-        "omggif": "^1.0.5",
-        "parse-data-uri": "^0.2.0",
-        "pngjs": "^2.0.0",
-        "request": "^2.44.0",
-        "through": "^2.3.4"
-      }
-    },
-    "getpass": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
-      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
-      "dev": true,
-      "requires": {
-        "assert-plus": "^1.0.0"
-      }
-    },
-    "har-schema": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
-      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
-      "dev": true
-    },
-    "har-validator": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz",
-      "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==",
-      "dev": true,
-      "requires": {
-        "ajv": "^6.5.5",
-        "har-schema": "^2.0.0"
-      }
-    },
-    "http-signature": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
-      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
-      "dev": true,
-      "requires": {
-        "assert-plus": "^1.0.0",
-        "jsprim": "^1.2.2",
-        "sshpk": "^1.7.0"
-      }
-    },
-    "image-size": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.1.tgz",
-      "integrity": "sha1-KO6oVIpLFENIDd3cHgg65UZSQ58=",
-      "dev": true
-    },
-    "iota-array": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/iota-array/-/iota-array-1.0.0.tgz",
-      "integrity": "sha1-ge9X/l0FgUzVjCSDYyqZwwoOgIc=",
-      "dev": true
-    },
-    "is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "dev": true
-    },
-    "is-buffer": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
-      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
-      "dev": true
-    },
-    "is-typedarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
-      "dev": true
-    },
-    "isstream": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
-      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
-      "dev": true
-    },
-    "jpeg-js": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/jpeg-js/-/jpeg-js-0.1.2.tgz",
-      "integrity": "sha1-E1uZLAV1yYXPoPSUoyJ+0jhYPs4=",
-      "dev": true
-    },
-    "jsbn": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
-      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
-      "dev": true
-    },
-    "json-schema": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
-      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
-      "dev": true
-    },
-    "json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "json-stringify-safe": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
-      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
-      "dev": true
-    },
-    "json5": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
-      "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
-      "dev": true
-    },
-    "jsprim": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
-      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
-      "dev": true,
-      "requires": {
-        "assert-plus": "1.0.0",
-        "extsprintf": "1.3.0",
-        "json-schema": "0.2.3",
-        "verror": "1.10.0"
-      }
-    },
-    "loader-utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
-      "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
-      "dev": true,
-      "requires": {
-        "big.js": "^3.1.3",
-        "emojis-list": "^2.0.0",
-        "json5": "^0.5.0"
-      }
-    },
-    "mime-db": {
-      "version": "1.37.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.37.0.tgz",
-      "integrity": "sha512-R3C4db6bgQhlIhPU48fUtdVmKnflq+hRdad7IyKhtFj06VPNVdk2RhiYL3UjQIlso8L+YxAtFkobT0VK+S/ybg==",
-      "dev": true
-    },
-    "mime-types": {
-      "version": "2.1.21",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.21.tgz",
-      "integrity": "sha512-3iL6DbwpyLzjR3xHSFNFeb9Nz/M8WDkX33t1GFQnFOllWk8pOrh/LSrB5OXlnlW5P9LH73X6loW/eogc+F5lJg==",
-      "dev": true,
-      "requires": {
-        "mime-db": "~1.37.0"
-      }
-    },
-    "mimer": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/mimer/-/mimer-0.2.3.tgz",
-      "integrity": "sha512-cICHJPMZUdZMqWaOQ+Eh0hHo1R6IUCiBee7WvIGGUJsZyjdMUInxQVmyu8hKj5uCy+Bi+Wlp/EsdUR61yOdWOw==",
-      "dev": true
-    },
-    "mimic-response": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
-      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
-      "dev": true
-    },
-    "minimist": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
-      "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
-      "dev": true
-    },
-    "minipass": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.3.5.tgz",
-      "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "^5.1.2",
-        "yallist": "^3.0.0"
-      }
-    },
-    "minizlib": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.2.1.tgz",
-      "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==",
-      "dev": true,
-      "requires": {
-        "minipass": "^2.2.1"
-      }
-    },
-    "mkdirp": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
-      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
-      "dev": true,
-      "requires": {
-        "minimist": "0.0.8"
-      }
-    },
-    "nan": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.12.1.tgz",
-      "integrity": "sha512-JY7V6lRkStKcKTvHO5NVSQRv+RV+FIL5pvDoLiAtSL9pKlC5x9PKQcZDsq7m4FO4d57mkhC6Z+QhAh3Jdk5JFw==",
-      "dev": true
-    },
-    "ndarray": {
-      "version": "1.0.18",
-      "resolved": "https://registry.npmjs.org/ndarray/-/ndarray-1.0.18.tgz",
-      "integrity": "sha1-tg06cyJOxVXQ+qeXEeUCRI/T95M=",
-      "dev": true,
-      "requires": {
-        "iota-array": "^1.0.0",
-        "is-buffer": "^1.0.2"
-      }
-    },
-    "ndarray-pack": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ndarray-pack/-/ndarray-pack-1.2.1.tgz",
-      "integrity": "sha1-jK6+qqJNXs9w/4YCBjeXfajuWFo=",
-      "dev": true,
-      "requires": {
-        "cwise-compiler": "^1.1.2",
-        "ndarray": "^1.0.13"
-      }
-    },
-    "node-bitmap": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/node-bitmap/-/node-bitmap-0.0.1.tgz",
-      "integrity": "sha1-GA6scAPgxwdhjvMTaPYvhLKmkJE=",
-      "dev": true
-    },
-    "oauth-sign": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
-      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
-      "dev": true
-    },
-    "omggif": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/omggif/-/omggif-1.0.9.tgz",
-      "integrity": "sha1-3LcCTazVDFK00wPwSALJHAV8dl8=",
-      "dev": true
-    },
-    "once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dev": true,
-      "requires": {
-        "wrappy": "1"
-      }
-    },
-    "parse-data-uri": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/parse-data-uri/-/parse-data-uri-0.2.0.tgz",
-      "integrity": "sha1-vwTYUd1ch7CrI45dAazklLYEtMk=",
-      "dev": true,
-      "requires": {
-        "data-uri-to-buffer": "0.0.3"
-      }
-    },
-    "performance-now": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
-      "dev": true
-    },
-    "pngjs": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-2.3.1.tgz",
-      "integrity": "sha1-EdHhK5y2TWPjDBQ6Mw9MH1Z9qF8=",
-      "dev": true
-    },
-    "psl": {
-      "version": "1.1.31",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.31.tgz",
-      "integrity": "sha512-/6pt4+C+T+wZUieKR620OpzN/LlnNKuWjy1iFLQ/UG35JqHlR/89MP1d96dUfkf6Dne3TuLQzOYEYshJ+Hx8mw==",
-      "dev": true
-    },
-    "punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true
-    },
-    "qs": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-      "dev": true
-    },
-    "request": {
-      "version": "2.88.0",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
-      "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
-      "dev": true,
-      "requires": {
-        "aws-sign2": "~0.7.0",
-        "aws4": "^1.8.0",
-        "caseless": "~0.12.0",
-        "combined-stream": "~1.0.6",
-        "extend": "~3.0.2",
-        "forever-agent": "~0.6.1",
-        "form-data": "~2.3.2",
-        "har-validator": "~5.1.0",
-        "http-signature": "~1.2.0",
-        "is-typedarray": "~1.0.0",
-        "isstream": "~0.1.2",
-        "json-stringify-safe": "~5.0.1",
-        "mime-types": "~2.1.19",
-        "oauth-sign": "~0.9.0",
-        "performance-now": "^2.1.0",
-        "qs": "~6.5.2",
-        "safe-buffer": "^5.1.2",
-        "tough-cookie": "~2.4.3",
-        "tunnel-agent": "^0.6.0",
-        "uuid": "^3.3.2"
-      }
-    },
-    "safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
-    },
-    "semver": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz",
-      "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==",
-      "dev": true
-    },
-    "sharp": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.19.1.tgz",
-      "integrity": "sha1-gZvxH1w/T/MutGXyVbX7h+Q87qE=",
-      "dev": true,
-      "requires": {
-        "color": "^3.0.0",
-        "detect-libc": "^1.0.3",
-        "nan": "^2.9.2",
-        "semver": "^5.5.0",
-        "simple-get": "^2.7.0",
-        "tar": "^4.4.0",
-        "tunnel-agent": "^0.6.0"
-      }
-    },
-    "simple-concat": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.0.tgz",
-      "integrity": "sha1-c0TLuLbib7J9ZrL8hvn21Zl1IcY=",
-      "dev": true
-    },
-    "simple-get": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-2.8.1.tgz",
-      "integrity": "sha512-lSSHRSw3mQNUGPAYRqo7xy9dhKmxFXIjLjp4KHpf99GEH2VH7C3AM+Qfx6du6jhfUi6Vm7XnbEVEf7Wb6N8jRw==",
-      "dev": true,
-      "requires": {
-        "decompress-response": "^3.3.0",
-        "once": "^1.3.1",
-        "simple-concat": "^1.0.0"
-      }
-    },
-    "simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
-      "dev": true,
-      "requires": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "srcset-loader": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/srcset-loader/-/srcset-loader-2.3.0.tgz",
-      "integrity": "sha512-b8U7Oqdy5Nrypuu0+CgwD8lW2idRNDzV968xWoVW66bqWQyKUiYVgmJRQs/gTZOgNAd+rVZwSu99TmB2HvAsOw==",
-      "dev": true,
-      "requires": {
-        "datauri": "1.0.5",
-        "get-pixels": "3.3.0",
-        "image-size": "0.5.1",
-        "loader-utils": "1.1.0",
-        "sharp": "^0.19.0"
-      }
-    },
-    "sshpk": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.0.tgz",
-      "integrity": "sha512-Zhev35/y7hRMcID/upReIvRse+I9SVhyVre/KTJSJQWMz3C3+G+HpO7m1wK/yckEtujKZ7dS4hkVxAnmHaIGVQ==",
-      "dev": true,
-      "requires": {
-        "asn1": "~0.2.3",
-        "assert-plus": "^1.0.0",
-        "bcrypt-pbkdf": "^1.0.0",
-        "dashdash": "^1.12.0",
-        "ecc-jsbn": "~0.1.1",
-        "getpass": "^0.1.1",
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.0.2",
-        "tweetnacl": "~0.14.0"
-      }
-    },
-    "tar": {
-      "version": "4.4.8",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.8.tgz",
-      "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
-      "dev": true,
-      "requires": {
-        "chownr": "^1.1.1",
-        "fs-minipass": "^1.2.5",
-        "minipass": "^2.3.4",
-        "minizlib": "^1.1.1",
-        "mkdirp": "^0.5.0",
-        "safe-buffer": "^5.1.2",
-        "yallist": "^3.0.2"
-      }
-    },
-    "through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
-      "dev": true
-    },
-    "tough-cookie": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
-      "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
-      "dev": true,
-      "requires": {
-        "psl": "^1.1.24",
-        "punycode": "^1.4.1"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
-          "dev": true
-        }
-      }
-    },
-    "tunnel-agent": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "tweetnacl": {
-      "version": "0.14.5",
-      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
-      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
-      "dev": true
-    },
-    "uniq": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
-      "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
-      "dev": true
-    },
-    "uri-js": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
-      "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "uuid": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
-      "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==",
-      "dev": true
-    },
-    "verror": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
-      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
-      "dev": true,
-      "requires": {
-        "assert-plus": "^1.0.0",
-        "core-util-is": "1.0.2",
-        "extsprintf": "^1.2.0"
-      }
-    },
-    "wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
-      "dev": true
-    },
-    "yallist": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz",
-      "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
-      "dev": true
     }
   }
 }
diff --git a/themes/neff/layouts/catalog/single.html b/themes/neff/layouts/catalog/single.html
index a5e3464..04d0909 100755
--- a/themes/neff/layouts/catalog/single.html
+++ b/themes/neff/layouts/catalog/single.html
@@ -8,9 +8,21 @@
         {{- partial "single.html" . -}}
         <div class="flex column">
             <div class="padding">
-                <model-viewer model-url="#"></model-viewer>
+            {{ with .Resources.GetMatch "model/*.glb" }}
+                <model-viewer model-url="{{ .RelPermalink }}"></model-viewer>
+                {{ end }}
             </div>
         </div>
     </article>
 </main>
 {{- end -}}
+
+{{- define "scripts" -}}
+{{- $js := resources.Get "js/modelViewer.js" -}}
+{{ if .Site.IsServer }}
+<script src="{{ $js.RelPermalink }}"></script>
+{{ else }}
+{{- $js = $js | resources.Fingerprint -}}
+<script src="{{ $js.RelPermalink }}" integrity="{{ $js.Data.Integrity }}"></script>
+{{ end }}
+{{- end -}}
diff --git a/themes/neff/layouts/partials/catalog.html b/themes/neff/layouts/partials/catalog.html
index 3ddb159..e098a6c 100644
--- a/themes/neff/layouts/partials/catalog.html
+++ b/themes/neff/layouts/partials/catalog.html
@@ -17,8 +17,8 @@
           src="{{ $imageMd.RelPermalink }}" />
           {{- partial "schema/img.html" (dict "image" . "ctx" $ctx) -}}
     {{ end }}
-    <figcaption class="overlay description hidden">
-      <a href="{{ $ctx.Permalink }}"><h3>{{ $title }}</h3></a>
+    <figcaption class="overlay caption hidden">
+      <a href="{{ .image.Permalink }}" data-lightbox><h3>{{ $title }}</h3></a>
       {{- with $description -}}
         <p class="description">{{- . -}}</p>
       {{- end -}}
@@ -28,6 +28,9 @@
       {{ end }}
       <p class="type">Typ: {{ range $index, $value := .ctx.Params.used_for }}{{ if $index }}, {{end}}{{ . }}{{end}}</p>
       <p class="article_id">Art. Nr.: {{ .ctx.Params.article_id }}</p>
+      {{ with .ctx.Resources.GetMatch "model/*.glb" }}
+        <p class="details"><a href="{{$ctx.Permalink }}">Details</a></p>
+      {{ end }}
     </figcaption>
     <noscript>
       <figcaption class="description">
diff --git a/themes/neff/package-lock.json b/themes/neff/package-lock.json
index efe127f..cc005b1 100644
--- a/themes/neff/package-lock.json
+++ b/themes/neff/package-lock.json
@@ -9132,6 +9132,11 @@
         }
       }
     },
+    "three": {
+      "version": "0.104.0",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.104.0.tgz",
+      "integrity": "sha512-q617IMBC5k40U2E9UC4/LtmhzTOOLB1jGMIooUL+QrhZ7abiGCSDrKrpCDt9V8RTl6xw+0FYfA1PYsIPKbQOgg=="
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
diff --git a/themes/neff/package.json b/themes/neff/package.json
index d9d923b..31fb852 100644
--- a/themes/neff/package.json
+++ b/themes/neff/package.json
@@ -13,6 +13,7 @@
     "@babel/polyfill": "^7.4.4",
     "@fortawesome/fontawesome-free": "^5.8.1",
     "core-js": "^3.0.1",
+    "three": "^0.104.0",
     "vue": "^2.6.10"
   },
   "devDependencies": {
diff --git a/themes/neff/src/js/lightbox.js b/themes/neff/src/js/lightbox.js
index ff6e858..5ef5018 100644
--- a/themes/neff/src/js/lightbox.js
+++ b/themes/neff/src/js/lightbox.js
@@ -10,7 +10,11 @@ class Lightbox {
         this.idx = idx
         this.element = images[idx];
         this.figure = this.element.parentElement;
-        this.image = this.element.querySelector('img');
+        this.image = this.figure.querySelector('img');
+        if(this.image === null) {
+          this.figure = this.element.parentElement.parentElement;
+          this.image = this.figure.querySelector('img');
+        }
         this.title = this.figure.querySelector('h3')
         this.title = this.image.getAttribute('title')
         this.description = this.figure.querySelector('.description p')
diff --git a/themes/neff/src/js/main.js b/themes/neff/src/js/main.js
index 3208c70..8a64d3a 100644
--- a/themes/neff/src/js/main.js
+++ b/themes/neff/src/js/main.js
@@ -3,4 +3,3 @@ import "./lightbox"
 import "./scrollspy"
 import "./catalog"
 //import "./catalogSimilar"
-import "./modelViewer"
diff --git a/themes/neff/src/scss/_grid.scss b/themes/neff/src/scss/_grid.scss
index ae9a35b..c592a07 100644
--- a/themes/neff/src/scss/_grid.scss
+++ b/themes/neff/src/scss/_grid.scss
@@ -310,12 +310,17 @@ figure {
         background-color: rgba(230,230,230,0.85);
         top: 0;
         left: 0;
-        bottom: 0;
+        bottom: 5px;
         right: 0;
         border-radius: $border-radius;
         text-align: center;
         padding: $gutter-width;
+        padding-bottom: 0;
+        padding-top: 0;
         text-shadow: 1px 1px 2px white;
+        p {
+          max-width: 100%;
+        }
       }
 
       color: $font-color;
@@ -411,3 +416,7 @@ a.btn-primary {
         }
     }
 }
+
+canvas {
+  background: white;
+}
\ No newline at end of file
diff --git a/themes/neff/src/vue/ModelViewer.vue b/themes/neff/src/vue/ModelViewer.vue
index 7802712..7325946 100644
--- a/themes/neff/src/vue/ModelViewer.vue
+++ b/themes/neff/src/vue/ModelViewer.vue
@@ -1,10 +1,113 @@
 <template>
-    <div>{{ modelUrl }}</div>
+<div>
+    <canvas id="model-viewer" ref="renderer"></canvas>
+</div>
 </template>
 
 <script>
+import { WebGLRenderer, PerspectiveCamera, Scene, AmbientLight, DirectionalLight, PCFShadowMap, LinearToneMapping } from 'three'
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
+import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'
+import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader'
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
+
 export default {
     name: 'model-viewer',
-    props: ['model-url'],
+    props: {
+      modelUrl: {
+        type: String,
+        required: true
+      }
+    },
+    data() {
+      return {
+        renderer: null,
+        size: {
+          w: 800,
+          h: 600,
+        },
+      }
+    },
+    mounted() {
+      var scene, camera, renderer
+      renderer = this.renderer = new WebGLRenderer({canvas: this.$refs.renderer, antialias: true})
+      this.renderer.setClearColor(0xffffff)
+      this.renderer.setSize(this.size.w, this.size.h)
+      this.renderer.gammaOutput = true;
+      this.renderer.gammaFactor = 2.2
+      this.renderer.toneMapping = LinearToneMapping;
+      this.renderer.toneMappingExposure = Math.pow( 0.94, 5.0 );
+      this.renderer.shadowMap.enabled = true;
+      this.renderer.shadowMap.type = PCFShadowMap;
+      scene = this.scene = new Scene()
+      var directionalLight = new DirectionalLight(0xffffff, 1)
+      directionalLight.position.set(-3, 20 ,-1000)
+      this.scene.add(directionalLight)
+      var directionalLight2 = new DirectionalLight(0xffffff, 1)
+      directionalLight2.position.set(-3, 20 ,100)
+      this.scene.add(directionalLight2)
+      camera = this.camera = new PerspectiveCamera(60, this.size.w/this.size.h, 0.1, 300)
+      this.camera.position.z = 1.1;
+      this.camera.position.y = .3
+      this.loadGltf(this.modelUrl)
+      var controls = new OrbitControls( camera, renderer.domElement );
+      controls.addEventListener( 'change', this.render ); // call this only in static scenes (i.e., if there is no animation loop)
+      controls.enableDamping = true; // an animation loop is required when either damping or auto-rotation are enabled
+      controls.dampingFactor = 0.25;
+      controls.screenSpacePanning = false;
+      controls.minDistance = 1.1;
+      controls.maxDistance = 2;
+      controls.minPolarAngle = Math.PI / 4;
+      controls.maxPolarAngle = Math.PI - Math.PI / 4;
+      controls.minAzimuthAngle = -(Math.PI / 4);
+      controls.maxAzimuthAngle = Math.PI / 4;
+    },
+    methods: {
+      loadObjMtl(objPath, mtlPath) {
+        var objLoader = new OBJLoader()
+        objLoader.setPath('/')
+        var mtlLoader = new MTLLoader()
+        mtlLoader.setPath('/')
+
+
+        new Promise((resolve, reject) => {
+          mtlLoader.load(mtlPath, materials => resolve(materials), undefined, error => reject(error))
+        }).then((materials) => {
+          materials.preload()
+          objLoader.setMaterials(materials)
+          objLoader.load(objPath, this.addObject)
+          this.render()
+        }).catch(error => console.log(error))
+      },
+      loadGltf(gltfPath) {
+        var gltfLoader = new GLTFLoader()
+        new Promise((resolve, reject) => {
+          gltfLoader.load(gltfPath, gltf => resolve(gltf), undefined, error => reject(error))
+        }).then(gltf => {
+          console.log(gltf)
+          gltf.scene.position.x = -0.5
+          gltf.scene.rotation.set(0, 0, 0)
+            this.scene.add(gltf.scene)
+            this.render()
+          }).catch(error => console.log(error))
+      },
+      addObject(object) {
+        this.scene.add(object)
+      },
+      readGLB(gltf) {
+        this.addObject(gltf.scene)
+        this.render()
+      },
+      render() {
+        requestAnimationFrame(this.render)
+        this.renderer.render(this.scene, this.camera)
+      }
+    }
 }
 </script>
+
+<style lang="scss">
+#model-viewer {
+  background: red;
+}
+</style>
diff --git a/themes/neff/webpack.common.js b/themes/neff/webpack.common.js
index ef4f6bb..3cba931 100644
--- a/themes/neff/webpack.common.js
+++ b/themes/neff/webpack.common.js
@@ -7,6 +7,7 @@ module.exports = {
   entry: {
     bundle: ["./src/js/main.js"],
     images: ["./src/js/images.js"],
+    modelViewer: ["./src/js/modelViewer.js"],
     style: ["./src/scss/main.scss"]
   },
   context: __dirname,