diff --git a/api/collections/democol/cardList.yml b/api/collections/democol/cardList.yml
new file mode 100644
index 0000000..a07bba6
--- /dev/null
+++ b/api/collections/democol/cardList.yml
@@ -0,0 +1,15 @@
+type: cardList
+mediaQuery: "(min-width:600px)"
+selectionPriority: 3 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
+fields:
+    - source: updateTime
+      label:
+          de: letztes Update
+          en: last update
+      type: date
+    - source: title
+      filter: true
+    - source: date
+      filter: true
+    - source: type
+      filter: true
diff --git a/api/collections/democol/meta.yml b/api/collections/democol/meta.yml
index a0e658b..552559c 100644
--- a/api/collections/democol/meta.yml
+++ b/api/collections/democol/meta.yml
@@ -72,6 +72,7 @@ subNavigation:
       views:
           - !include simpleList.yml
           - !include table.yml
+          - !include cardList.yml
       # Um mehr Übersicht zu bekommen können zum Einen andere "views" und "defaultSort"
       # genutzt werden. Es kann aber auch eine Einschränkung der Daten über eine
       # Vorfilterung via "filter" geben. "filter" ist ein Objekt mit MongoDB-Filterangaben.
diff --git a/api/collections/democol/simpleList.yml b/api/collections/democol/simpleList.yml
index 9b770d4..7680c0f 100644
--- a/api/collections/democol/simpleList.yml
+++ b/api/collections/democol/simpleList.yml
@@ -1,9 +1,9 @@
 # "type" legt den Typ des Views fest.
 type: simpleList
 # Die Auswahl erfolgt über folgende "mediaQuery".
-# (hier also bis maximal 599px Fensterbreite)
-mediaQuery: "(max-width:599px)"
+mediaQuery: "(min-width:0px)"
 
+selectionPriority: 2 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
 # 3 Blöcke können in der simpleList verwendet werden.
 # Haupttext "primaryText" und optional 2 weitere Angaben über
 # "secondaryText" und "tertiaryText".
diff --git a/api/collections/democol/table.yml b/api/collections/democol/table.yml
index 50e85ec..96639f5 100644
--- a/api/collections/democol/table.yml
+++ b/api/collections/democol/table.yml
@@ -1,14 +1,15 @@
 type: table
 mediaQuery: "(min-width:600px)"
+selectionPriority: 1 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
 columns:
     - source: updateTime
-      label: 
-        de: letztes Update
-        en: last update
+      label:
+          de: letztes Update
+          en: last update
       type: date
     - source: title
       filter: true
     - source: date
       filter: true
     - source: type
-      filter: true
\ No newline at end of file
+      filter: true
diff --git a/api/collections/medialib.yml b/api/collections/medialib.yml
index 58ef9ea..6ff1c3f 100644
--- a/api/collections/medialib.yml
+++ b/api/collections/medialib.yml
@@ -23,8 +23,18 @@ meta:
     # verwendet.
     views:
         - type: simpleList
-          mediaQuery: "(max-width: 767px)"
+          mediaQuery: "(min-width: 0px)"
+          selectionPriority: 3 #gibt an, wenn mediaQuery passt, mit welcher priorität es default mäßig ausgewählt sein soll, je niedriger, desto wichtiger
           primaryText: path
+          fileDropArea:
+              label:
+                  {
+                      de: "Ziehen Sie Dateien per Drag and Drop hierher oder klicken Sie, um Dateien auszuwählen.",
+                      en: "Drag and drop some files here, or click to upload.",
+                  }
+              helperText: { de: "Maximale Uploadgröße: 1,54 MB", en: "Maximum upload size: 1.54MB" }
+              targetField: file
+              pageAsDropArea: true
           columns:
               - source: file
               - source: updateTime
@@ -35,7 +45,17 @@ meta:
               - source: description
                 filter: true
         - type: table
-          mediaQuery: "(min-width: 768px) and (max-width: 1199px)"
+          mediaQuery: "(min-width: 768px)"
+          selectionPriority: 2
+          fileDropArea:
+              label:
+                  {
+                      de: "Ziehen Sie Dateien per Drag and Drop hierher oder klicken Sie, um Dateien auszuwählen.",
+                      en: "Drag and drop some files here, or click to upload.",
+                  }
+              helperText: { de: "Maximale Uploadgröße: 1,54 MB", en: "Maximum upload size: 1.54MB" }
+              targetField: file
+              pageAsDropArea: true
           columns:
               - source: file
               - source: updateTime
@@ -48,6 +68,7 @@ meta:
 
         - type: cardList
           mediaQuery: "(min-width: 1200px)"
+          selectionPriority: 1
           fileDropArea:
               label:
                   {
diff --git a/docs/md/projektkonfig/collections/meta.md b/docs/md/projektkonfig/collections/meta.md
index ac9a1e9..82472c8 100644
--- a/docs/md/projektkonfig/collections/meta.md
+++ b/docs/md/projektkonfig/collections/meta.md
@@ -24,16 +24,24 @@ Folgende möglche Einträge für `views` gibt es derzeit:
 
 ### cardList
 
-!!!include(../api/collections/medialib.yml)!!!
+!!!include(../api/collections/democol/cardList.yml)!!!
 
 ### dashboardSimpleList
-- TODO
+
+-   TODO
 
 ### dashboardTable
-- TODO
 
-## tablist1
+-   TODO
+
+## tablist
 
 Wird die `tablist` verwendet, ist sicher zu stellen, dass alle Felder in der Definition aufgenommen werden. Werden Felder nicht in die `tablist` aufgenommen, sind diese weiterhin in einer Gesamtliste unterhalb der Tabs und bringen das Layout durcheinander.
 
 !!!include(../api/collections/democol/tablist.yml)!!!
+
+## multiupload
+
+Der mutliupload kann bei jedem view type verwendet werden. Hier ist eine Beispielscollection, welchen diesen verwendet.
+
+!!!include(../api/collections/medialib.yml)!!!