diff --git a/components/displayOpenBalances.vue b/components/displayOpenBalances.vue
index 0ba1943..911bd17 100644
--- a/components/displayOpenBalances.vue
+++ b/components/displayOpenBalances.vue
@@ -25,8 +25,8 @@ const setupPage = async () => {
   })
   draftInvoicesCount.value = draftDocuments.length
 
-  let bankstatements = await useSupabaseSelect("bankstatements","*, statementallocations(*)","date",true)
-  unallocatedStatements.value = bankstatements.filter(i => calculateOpenSum(i) !== 0).length
+  let bankstatements = (await useSupabaseSelect("bankstatements","*, statementallocations(*)","date",true)).filter(i => !i.archived)
+  unallocatedStatements.value = bankstatements.filter(i => Number(calculateOpenSum(i)) !== 0).length
 }
 
 setupPage()
@@ -42,7 +42,7 @@ const getDocumentSum = (doc) => {
 }
 
 const calculateOpenSum = (statement) => {
-  let startingAmount = statement.amount || 0
+  /*let startingAmount = statement.amount || 0
 
   statement.statementallocations.forEach(item => {
     if(item.cd_id) {
@@ -52,7 +52,15 @@ const calculateOpenSum = (statement) => {
     }
   })
 
-  return startingAmount.toFixed(2)
+  return startingAmount.toFixed(2)*/
+
+  let startingAmount = 0
+
+  statement.statementallocations.forEach(item => {
+    startingAmount += Math.abs(item.amount)
+  })
+
+  return (Math.abs(statement.amount) - startingAmount).toFixed(2)
 }
 </script>
 
diff --git a/components/displayProjectsInPhases.vue b/components/displayProjectsInPhases.vue
index 5b2f1ab..566d3b0 100644
--- a/components/displayProjectsInPhases.vue
+++ b/components/displayProjectsInPhases.vue
@@ -3,7 +3,7 @@
 const phasesCounter = ref({})
 
 const setupPage = async () => {
-  const projects = await useSupabaseSelect("projects")
+  const projects = (await useSupabaseSelect("projects")).filter(i => !i.archived)
 
   projects.forEach(project => {
     if(project.phases && project.phases.length > 0){
diff --git a/composables/useSum.js b/composables/useSum.js
new file mode 100644
index 0000000..48fb221
--- /dev/null
+++ b/composables/useSum.js
@@ -0,0 +1,21 @@
+
+export const useSum = () => {
+
+    const getIncomingInvoiceSum = (invoice) => {
+        let sum = 0
+        invoice.accounts.forEach(account => {
+             console.log(account)
+
+
+            sum += account.amountTax
+            sum += account.amountNet
+
+
+
+        })
+        return sum.toFixed(2)
+    }
+
+    return {getIncomingInvoiceSum}
+
+}
\ No newline at end of file
diff --git a/pages/banking/index.vue b/pages/banking/index.vue
index c419b06..5b0f1e6 100644
--- a/pages/banking/index.vue
+++ b/pages/banking/index.vue
@@ -15,6 +15,7 @@ defineShortcuts({
 })
 
 const profileStore = useProfileStore()
+const tempStore = useTempStore()
 const router = useRouter()
 const supabase = useSupabaseClient()
 
@@ -55,7 +56,13 @@ const selectedColumns = ref(templateColumns)
 const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
 
 
-const searchString = ref('')
+const searchString = ref(tempStore.searchStrings["bankstatements"] ||'')
+
+const clearSearchString = () => {
+  tempStore.clearSearchString("bankstatements")
+  searchString.value = ''
+}
+
 const filterAccount = ref(bankaccounts || [])
 const showOnlyNotAssigned = ref(true)
 
@@ -84,7 +91,7 @@ setupPage()
 </script>
 
 <template>
-  <UDashboardNavbar title="Bankbuchungen">
+  <UDashboardNavbar title="Bankbuchungen" :badge="filteredRows.length">
     <template #right>
       <UInput
           id="searchinput"
@@ -95,11 +102,19 @@ setupPage()
           placeholder="Suche..."
           class="hidden lg:block"
           @keydown.esc="$event.target.blur()"
+          @change="tempStore.modifySearchString('bankstatements',searchString)"
       >
         <template #trailing>
           <UKbd value="/" />
         </template>
       </UInput>
+      <UButton
+          icon="i-heroicons-x-mark"
+          variant="outline"
+          color="rose"
+          @click="clearSearchString()"
+          v-if="searchString.length > 0"
+      />
     </template>
   </UDashboardNavbar>
   <UDashboardToolbar>
diff --git a/pages/banking/statements/[mode]/[[id]].vue b/pages/banking/statements/[mode]/[[id]].vue
index 8677469..a92b728 100644
--- a/pages/banking/statements/[mode]/[[id]].vue
+++ b/pages/banking/statements/[mode]/[[id]].vue
@@ -26,6 +26,7 @@ const oldItemInfo = ref({})
 const openDocuments = ref([])
 const allocatedDocuments = ref([])
 const openIncomingInvoices = ref([])
+const allocatedIncomingInvoices = ref([])
 
 const accounts = ref([])
 
@@ -36,15 +37,16 @@ const setup = async () => {
   }
   if(itemInfo.value) oldItemInfo.value = JSON.parse(JSON.stringify(itemInfo.value))
 
+  manualAllocationSum.value = calculateOpenSum.value
+
   const documents = (await useSupabaseSelect("createddocuments","*, statementallocations(*), customer(id,name)")).filter(i => i.type === "invoices" ||i.type === "advanceInvoices")
+  const incominginvoices = (await useSupabaseSelect("incominginvoices","*, statementallocations(*), vendor(id,name)"))
 
   accounts.value = (await supabase.from("accounts").select()).data
 
   openDocuments.value = documents.filter(i => i.statementallocations.reduce((n,{amount}) => n + amount, 0).toFixed(2) !== getDocumentSum(i).toFixed(2))
   openDocuments.value = openDocuments.value.map(i => {
 
-    console.log()
-
     return {
         ...i,
       docTotal: getDocumentSum(i, i.usedAdvanceInvoices.map(i => getDocumentSum(documents.find(x => x.id === i)))),
@@ -56,8 +58,10 @@ const setup = async () => {
   console.log(openDocuments.value)
 
   allocatedDocuments.value = documents.filter(i => i.statementallocations.find(x => x.bs_id === itemInfo.value.id))
+  allocatedIncomingInvoices.value = incominginvoices.filter(i => i.statementallocations.find(x => x.bs_id === itemInfo.value.id))
   console.log(allocatedDocuments.value)
-  openIncomingInvoices.value = (await useSupabaseSelect("incominginvoices","*, statementallocations(*)")).filter(i => i.statementallocations.length === 0 || i.statementallocations.find(x => x.bs_id === itemInfo.value.id))
+  console.log(allocatedIncomingInvoices.value)
+  openIncomingInvoices.value = (await useSupabaseSelect("incominginvoices","*, statementallocations(*), vendor(*)")).filter(i => i.statementallocations.length === 0 )
   //console.log(openIncomingInvoices.value)
 
   //        return incominginvoices.value.filter(i => bankstatements.value.filter(x => x.assignments.find(y => y.type === 'incomingInvoice' && y.id === i.id)).length === 0)
@@ -144,6 +148,9 @@ const selectAccount = (id) => {
   showAccountSelection.value = false
 }
 
+
+const manualAllocationSum = ref(itemInfo.value.amount || 0)
+
 const saveAllocation = async (allocation) => {
   const {data,error} = await supabase.from("statementallocations").insert({
     ...allocation,
@@ -152,8 +159,11 @@ const saveAllocation = async (allocation) => {
 
   if(data) {
     await setup()
+    accountToSave.value = null
   }
 
+
+
 }
 
 const removeAllocation = async (allocationId) => {
@@ -163,13 +173,20 @@ const removeAllocation = async (allocationId) => {
 }
 
 const searchString = ref("")
-const filteredRows = computed(() => {
+const filteredDocuments = computed(() => {
 
 
   return useSearch(searchString.value, openDocuments.value)
 
 })
 
+const filteredIncomingInvoices = computed(() => {
+
+
+  return useSearch(searchString.value, openIncomingInvoices.value)
+
+})
+
 
 setup()
 
@@ -209,371 +226,411 @@ setup()
   </UDashboardNavbar>
 
   <UDashboardPanelContent
-    class="flex flex-row"
+    class="flex flex-row workingContainer"
     v-if="!loading"
   >
-    <UCard
-        class="w-2/5 mx-auto "
-        v-if="itemInfo"
+    <div
+      class="mx-auto w-2/5"
     >
-      <template #header>
-        <div class="flex flex-row justify-between">
-        <span
-            v-if="itemInfo.amount > 0"
-            class="text-base font-semibold leading-6 text-gray-900 dark:text-white"
+      <div class="px-2">
+        <UCard
+            v-if="itemInfo"
         >
-            {{itemInfo.debName}}
-          </span>
-          <span
-              v-else-if="itemInfo.amount < 0"
-              class="text-base font-semibold leading-6 text-gray-900 dark:text-white"
-          >
-            {{itemInfo.credName}}
-          </span>
+          <template #header>
+            <div class="flex flex-row justify-between">
+              <span
+                  v-if="itemInfo.amount > 0"
+                  class="text-base font-semibold leading-6 text-gray-900 dark:text-white"
+              >
+                {{itemInfo.debName}}
+              </span>
+              <span
+                  v-else-if="itemInfo.amount < 0"
+                  class="text-base font-semibold leading-6 text-gray-900 dark:text-white"
+              >
+                {{itemInfo.credName}}
+              </span>
 
 
-          <span v-if="itemInfo.amount > 0" class="text-primary-500 font-semibold text-nowrap">{{displayCurrency(itemInfo.amount)}}</span>
-          <span v-else-if="itemInfo.amount < 0" class="text-rose-600 font-semibold text-nowrap">{{displayCurrency(itemInfo.amount)}}</span>
-          <span v-else>{{displayCurrency(itemInfo.amount)}}</span>
-        </div>
-      </template>
+              <span v-if="itemInfo.amount > 0" class="text-primary-500 font-semibold text-nowrap">{{displayCurrency(itemInfo.amount)}}</span>
+              <span v-else-if="itemInfo.amount < 0" class="text-rose-600 font-semibold text-nowrap">{{displayCurrency(itemInfo.amount)}}</span>
+              <span v-else>{{displayCurrency(itemInfo.amount)}}</span>
+            </div>
+          </template>
 
-      <table class="w-full" v-if="itemInfo.id">
-        <tbody>
-          <tr class="flex-row flex justify-between">
-            <td>
-              <span class="font-semibold">Buchungsdatum:</span>
-            </td>
-            <td>
-              {{dayjs(itemInfo.date).format("DD.MM.YYYY")}}
-            </td>
-          </tr>
-          <tr class="flex-row flex justify-between">
-            <td>
-              <span class="font-semibold">Wertstellungsdatum:</span>
-            </td>
-            <td>
-              {{dayjs(itemInfo.valueDate).format("DD.MM.YYYY")}}
-            </td>
-          </tr>
-          <tr class="flex-row flex justify-between text-right">
-            <td>
-              <span class="font-semibold">Partner:</span>
-            </td>
-            <td>
-              <span v-if="itemInfo.debName">{{itemInfo.debName}}</span>
-              <span v-else-if="itemInfo.credName">{{itemInfo.credName}}</span>
-              <span v-else>-</span>
+          <table class="w-full" v-if="itemInfo.id">
+            <tbody>
+            <tr class="flex-row flex justify-between">
+              <td>
+                <span class="font-semibold">Buchungsdatum:</span>
+              </td>
+              <td>
+                {{dayjs(itemInfo.date).format("DD.MM.YYYY")}}
+              </td>
+            </tr>
+            <tr class="flex-row flex justify-between">
+              <td>
+                <span class="font-semibold">Wertstellungsdatum:</span>
+              </td>
+              <td>
+                {{dayjs(itemInfo.valueDate).format("DD.MM.YYYY")}}
+              </td>
+            </tr>
+            <tr class="flex-row flex justify-between text-right">
+              <td>
+                <span class="font-semibold">Partner:</span>
+              </td>
+              <td>
+                <span v-if="itemInfo.debName">{{itemInfo.debName}}</span>
+                <span v-else-if="itemInfo.credName">{{itemInfo.credName}}</span>
+                <span v-else>-</span>
 
-            </td>
-          </tr>
-          <tr class="flex-row flex justify-between">
-            <td>
-              <span class="font-semibold">Partner IBAN:</span>
-            </td>
-            <td>
-              <span v-if="itemInfo.debIban">{{itemInfo.debIban}}</span>
-              <span v-else-if="itemInfo.credIban">{{itemInfo.credIban}}</span>
-              <span v-else>-</span>
-            </td>
-          </tr>
-          <tr class="flex-row flex justify-between">
-            <td>
-              <span class="font-semibold">Konto:</span>
-            </td>
-            <td>
-              {{dataStore.getBankAccountById(itemInfo.account) ? dataStore.getBankAccountById(itemInfo.account).name || separateIBAN(dataStore.getBankAccountById(itemInfo.account).iban) : ""}}
-            </td>
-          </tr>
-          <tr class="flex-row flex justify-between">
-            <td colspan="2">
-              <span class="font-semibold">Buchungen:</span>
-            </td>
-          </tr>
-          <tr
-              class="flex-row flex justify-between mb-3"
-              v-for="item in itemInfo.statementallocations"
-          >
+              </td>
+            </tr>
+            <tr class="flex-row flex justify-between">
+              <td>
+                <span class="font-semibold">Partner IBAN:</span>
+              </td>
+              <td>
+                <span v-if="itemInfo.debIban">{{separateIBAN(itemInfo.debIban)}}</span>
+                <span v-else-if="itemInfo.credIban">{{separateIBAN(itemInfo.credIban)}}</span>
+                <span v-else>-</span>
+              </td>
+            </tr>
+            <tr class="flex-row flex justify-between">
+              <td>
+                <span class="font-semibold">Konto:</span>
+              </td>
+              <td>
+                {{dataStore.getBankAccountById(itemInfo.account) ? dataStore.getBankAccountById(itemInfo.account).name || separateIBAN(dataStore.getBankAccountById(itemInfo.account).iban) : ""}}
+              </td>
+            </tr>
+<!--            <tr class="flex-row flex justify-between">
+              <td colspan="2">
+                <span class="font-semibold">Buchungen:</span>
+              </td>
+            </tr>
+            <tr
+                class="flex-row flex justify-between mb-3"
+                v-for="item in itemInfo.statementallocations"
+            >
 
-            <td>
-              <!--            <span v-if="itemInfo.createdDocument"><nuxt-link :to="`/createDocument/show/${itemInfo.createdDocument}`">{{dataStore.createddocuments.find(i => i.id === itemInfo.createdDocument).documentNumber}}</nuxt-link></span>
-                          <span v-else-if="itemInfo.incomingInvoice"><nuxt-link :to="`/incominInvoices/show/${itemInfo.incomingInvoice}`">{{dataStore.getIncomingInvoiceById(itemInfo.incomingInvoice).reference}}</nuxt-link></span>-->
-              <span v-if="item.cd_id">
+              <td>
+                &lt;!&ndash;            <span v-if="itemInfo.createdDocument"><nuxt-link :to="`/createDocument/show/${itemInfo.createdDocument}`">{{dataStore.createddocuments.find(i => i.id === itemInfo.createdDocument).documentNumber}}</nuxt-link></span>
+                            <span v-else-if="itemInfo.incomingInvoice"><nuxt-link :to="`/incominInvoices/show/${itemInfo.incomingInvoice}`">{{dataStore.getIncomingInvoiceById(itemInfo.incomingInvoice).reference}}</nuxt-link></span>&ndash;&gt;
+                <span v-if="item.cd_id">
                 {{dataStore.getCreatedDocumentById(item.cd_id).documentNumber}}
               </span>
-              <span v-else-if="item.ii_id">
-                {{dataStore.getVendorById(dataStore.getIncomingInvoiceById(item.ii_id).vendor).name}} - {{dataStore.getIncomingInvoiceById(item.ii_id).reference}}
+                <span v-else-if="item.ii_id">
+&lt;!&ndash;                {{dataStore.getVendorById(dataStore.getIncomingInvoiceById(item.ii_id).vendor).name}} - {{dataStore.getIncomingInvoiceById(item.ii_id).reference}}&ndash;&gt;
               </span>
-              <span v-else-if="item.account">
+                <span v-else-if="item.account">
                 Buchungskonto: {{accounts.find(i => i.id === item.account).number}} {{accounts.find(i => i.id === item.account).label}}
               </span>
-            </td>
-            <td>
-              <UButton
-                  variant="outline"
-                  icon="i-heroicons-arrow-right-end-on-rectangle"
-                  @click="router.push(`/createDocument/show/${item.cd_id}`)"
-                  v-if="item.cd_id"
-              />
-              <UButton
-                  variant="outline"
-                  icon="i-heroicons-arrow-right-end-on-rectangle"
-                  @click="router.push(`/incominginvoices/show/${item.ii_id}`)"
-                  v-else-if="item.ii_id"
-              />
-            </td>
-          </tr>
-          <tr class="flex-row flex justify-between">
-            <td colspan="2">
-              <span class="font-semibold">Beschreibung:</span>
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              {{itemInfo.text}}
-            </td>
-          </tr>
-        </tbody>
+              </td>
+              <td>
+                <UButton
+                    variant="outline"
+                    icon="i-heroicons-arrow-right-end-on-rectangle"
+                    @click="router.push(`/createDocument/show/${item.cd_id}`)"
+                    v-if="item.cd_id"
+                />
+                <UButton
+                    variant="outline"
+                    icon="i-heroicons-arrow-right-end-on-rectangle"
+                    @click="router.push(`/incominginvoices/show/${item.ii_id}`)"
+                    v-else-if="item.ii_id"
+                />
+              </td>
+            </tr>-->
+            <tr class="flex-row flex justify-between">
+              <td colspan="2">
+                <span class="font-semibold">Beschreibung:</span>
+              </td>
+            </tr>
+            <tr>
+              <td colspan="2">
+                {{itemInfo.text}}
+              </td>
+            </tr>
+            </tbody>
 
-      </table>
+          </table>
 
-    </UCard>
+        </UCard>
 
-    <div class="w-2/5 mx-auto">
-      <UAlert
-          class="mb-3"
-          :color="calculateOpenSum > 0 ? 'rose' : 'primary'"
-          variant="outline"
-          :title="calculateOpenSum > 0 ? `${displayCurrency(calculateOpenSum)} von ${displayCurrency(Math.abs(itemInfo.amount))} nicht zugewiesen` : 'Kontobewegung vollständig zugewiesen'"
-      >
-        <template #description>
-          <UProgress
-              :value="Math.abs(itemInfo.amount) - calculateOpenSum"
-              :max="Math.abs(itemInfo.amount)"
-              :color="calculateOpenSum > 0 ? 'rose' : 'primary'"
-          />
-        </template>
-      </UAlert>
-
-      <UCard
-          class="mt-5"
-          v-for="item in itemInfo.statementallocations.filter(i => i.account)"
-      >
-        <template #header>
-          <div class="flex flex-row justify-between">
-            <span>{{accounts.find(i => i.id === item.account).number}} - {{accounts.find(i => i.id === item.account).label}}</span>
-            <span class="font-semibold text-nowrap">{{displayCurrency(item.amount)}}</span>
-          </div>
-        </template>
-        <UButton
-            icon="i-heroicons-x-mark"
+        <UAlert
+            class="mb-3 mt-3"
+            :color="calculateOpenSum > 0 ? 'rose' : 'primary'"
             variant="outline"
-            color="rose"
-            class="mr-3"
-            @click="removeAllocation(itemInfo.statementallocations.find(i => i.account === item.account).id)"
-        />
-      </UCard>
-
-      <UCard
-          class="mt-5"
-          :ui="{ring: itemInfo.statementallocations.find(i => i.cd_id === document.id) ? 'ring-primary-500' : 'ring-gray-200 dark:ring-gray-800'}"
-          v-for="document in allocatedDocuments"
-      >
-        <template #header>
-          <div class="flex flex-row justify-between">
-            <span>{{document.customer ? document.customer.name : ""}} - {{document.documentNumber}}</span>
-            <span class="font-semibold text-nowrap">{{displayCurrency(getDocumentSum(document))}}</span>
-          </div>
-        </template>
-        <UButton
-            icon="i-heroicons-check"
-            variant="outline"
-            class="mr-3"
-            v-if="!itemInfo.statementallocations.find(i => i.cd_id === document.id)"
-            @click="saveAllocation({cd_id: document.id, bs_id: itemInfo.id, amount: Number(getDocumentSum(document))})"
-        />
-        <UButton
-            icon="i-heroicons-x-mark"
-            variant="outline"
-            color="rose"
-            class="mr-3"
-            v-if="itemInfo.statementallocations.find(i => i.cd_id === document.id)"
-            @click="removeAllocation(itemInfo.statementallocations.find(i => i.cd_id === document.id).id)"
-        />
-
-        <UButton
-            variant="outline"
-            icon="i-heroicons-arrow-right-end-on-rectangle"
-            @click="router.push(`/createDocument/show/${document.id}`)"
-        />
-      </UCard>
-
-      <UDivider class="my-3">Ohne Beleg buchen</UDivider>
-
-      <InputGroup class="mt-3 w-full">
-        <USelectMenu
-            class="w-full"
-            :options="accounts"
-            value-attribute="id"
-            option-attribute="label"
-            :ui-menu="{ width: 'min-w-max' }"
-            v-model="accountToSave"
-            searchable
-            :search-attributes="['number','label']"
+            :title="calculateOpenSum > 0 ? `${displayCurrency(calculateOpenSum)} von ${displayCurrency(Math.abs(itemInfo.amount))} nicht zugewiesen` : 'Kontobewegung vollständig zugewiesen'"
         >
-          <template #label>
-            <span v-if="accountToSave">{{accounts.find(i => i.id === accountToSave).number}} - {{accounts.find(i => i.id === accountToSave).label}}</span>
-            <span v-else>Kein Konto ausgewählt</span>
+          <template #description>
+            <UProgress
+                :value="Math.abs(itemInfo.amount) - calculateOpenSum"
+                :max="Math.abs(itemInfo.amount)"
+                :color="calculateOpenSum > 0 ? 'rose' : 'primary'"
+            />
           </template>
-          <template #option="{option}">
-            {{option.number}} - {{option.label}}
-          </template>
-        </USelectMenu>
-        <UButton
-            @click="showAccountSelection = true"
-            icon="i-heroicons-magnifying-glass"
-        />
-        <UButton
-            variant="outline"
-            icon="i-heroicons-check"
-            @click="saveAllocation({bs_id: itemInfo.id, amount: Number(calculateOpenSum), account: accountToSave })"
+        </UAlert>
+      </div>
+
+
+      <div class="scrollList mt-3 px-2">
+        <UDivider>Vorhandene Buchungen</UDivider>
+
+        <UCard
+            class="mt-5"
+            v-for="item in itemInfo.statementallocations.filter(i => i.account)"
         >
-          Buchen
-        </UButton>
-        <UButton
-            @click="accountToSave = ''"
-            icon="i-heroicons-x-mark"
-            variant="outline"
-            color="rose"
-        />
-      </InputGroup>
-      <UModal
-          v-model="showAccountSelection"
-      >
-        <UCard>
           <template #header>
-            <div class="flex items-center justify-between">
-              <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
-                Konto auswählen
-              </h3>
-              <UButton color="gray" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="showAccountSelection = false" />
+            <div class="flex flex-row justify-between">
+              <span>{{accounts.find(i => i.id === item.account).number}} - {{accounts.find(i => i.id === item.account).label}}</span>
+              <span class="font-semibold text-nowrap">{{displayCurrency(item.amount)}}</span>
             </div>
           </template>
           <UButton
-              v-for="selectableAccount in accounts"
+              icon="i-heroicons-x-mark"
               variant="outline"
-              class="m-3"
-              @click="selectAccount(selectableAccount.id)"
+              color="rose"
+              class="mr-3"
+              @click="removeAllocation(itemInfo.statementallocations.find(i => i.account === item.account).id)"
+          />
+        </UCard>
+        <UCard
+            class="mt-5"
+            :ui="{ring: itemInfo.statementallocations.find(i => i.cd_id === document.id) ? 'ring-primary-500' : 'ring-gray-200 dark:ring-gray-800'}"
+            v-for="document in allocatedDocuments"
+        >
+          <template #header>
+            <div class="flex flex-row justify-between">
+              <span>{{document.customer ? document.customer.name : ""}} - {{document.documentNumber}}</span>
+              <span class="font-semibold text-nowrap">{{displayCurrency(getDocumentSum(document))}}</span>
+            </div>
+          </template>
+          <UButton
+              icon="i-heroicons-check"
+              variant="outline"
+              class="mr-3"
+              v-if="!itemInfo.statementallocations.find(i => i.cd_id === document.id)"
+              @click="saveAllocation({cd_id: document.id, bs_id: itemInfo.id, amount: Number(getDocumentSum(document))})"
+          />
+          <UButton
+              icon="i-heroicons-x-mark"
+              variant="outline"
+              color="rose"
+              class="mr-3"
+              v-if="itemInfo.statementallocations.find(i => i.cd_id === document.id)"
+              @click="removeAllocation(itemInfo.statementallocations.find(i => i.cd_id === document.id).id)"
+          />
+
+          <UButton
+              variant="outline"
+              icon="i-heroicons-arrow-right-end-on-rectangle"
+              @click="router.push(`/createDocument/show/${document.id}`)"
+          />
+        </UCard>
+        <UCard
+            class="mt-5"
+            :ui="{ring: itemInfo.statementallocations.find(i => i.ii_id === invoice.id) ? 'ring-primary-500' : 'ring-gray-200 dark:ring-gray-800'}"
+            v-for="invoice in allocatedIncomingInvoices"
+        >
+          <template #header>
+            <div class="flex flex-row justify-between">
+              <span>{{invoice.vendor ? invoice.vendor.name : ""}} - {{invoice.reference}}</span>
+              <span class="font-semibold text-nowrap">{{displayCurrency(getInvoiceSum(invoice))}}</span>
+            </div>
+          </template>
+          <UButton
+              icon="i-heroicons-check"
+              variant="outline"
+              class="mr-3"
+              v-if="!itemInfo.statementallocations.find(i => i.ii_id === invoice.id)"
+              @click="saveAllocation({ii_id: document.id, bs_id: itemInfo.id, amount: Number(getInvoiceSum(invoice))})"
+          />
+          <UButton
+              icon="i-heroicons-x-mark"
+              variant="outline"
+              color="rose"
+              class="mr-3"
+              v-if="itemInfo.statementallocations.find(i => i.ii_id === invoice.id)"
+              @click="removeAllocation(itemInfo.statementallocations.find(i => i.ii_id === invoice.id).id)"
+          />
+
+          <UButton
+              variant="outline"
+              icon="i-heroicons-arrow-right-end-on-rectangle"
+              @click="router.push(`/createDocument/show/${document.id}`)"
+          />
+        </UCard>
+      </div>
+    </div>
+
+    <div class="w-2/5 mx-auto">
+      <div class="px-2">
+        <UDivider class="my-3">Ohne Beleg buchen</UDivider>
+
+        <InputGroup class="mt-3 w-full">
+          <USelectMenu
+              class="w-full"
+              :options="accounts"
+              value-attribute="id"
+              option-attribute="label"
+              :ui-menu="{ width: 'min-w-max' }"
+              v-model="accountToSave"
+              searchable
+              :search-attributes="['number','label']"
           >
-            {{selectableAccount.label}}
-          </UButton>
+            <template #label>
+              <span v-if="accountToSave">{{accounts.find(i => i.id === accountToSave).number}} - {{accounts.find(i => i.id === accountToSave).label}}</span>
+              <span v-else>Kein Konto ausgewählt</span>
+            </template>
+            <template #option="{option}">
+              {{option.number}} - {{option.label}}
+            </template>
+          </USelectMenu>
+          <UInput
+            v-model="manualAllocationSum"
+            type="number"
+            step="0.01"
+          >
+            <template #trailing>
+              <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
+            </template>
+          </UInput>
+          <UButton
+              @click="showAccountSelection = true"
+              icon="i-heroicons-magnifying-glass"
+              variant="outline"
+          />
+          <UButton
+              variant="outline"
+              icon="i-heroicons-check"
+              :disabled="!accountToSave"
+              @click="saveAllocation({bs_id: itemInfo.id, amount: manualAllocationSum, account: accountToSave })"
+          />
+          <UButton
+              @click="accountToSave = ''"
+              icon="i-heroicons-x-mark"
+              variant="outline"
+              color="rose"
+          />
+        </InputGroup>
+        <UModal
+            v-model="showAccountSelection"
+        >
+          <UCard>
+            <template #header>
+              <div class="flex items-center justify-between">
+                <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
+                  Konto auswählen
+                </h3>
+                <UButton color="gray" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="showAccountSelection = false" />
+              </div>
+            </template>
+            <UButton
+                v-for="selectableAccount in accounts"
+                variant="outline"
+                class="m-3"
+                @click="selectAccount(selectableAccount.id)"
+            >
+              {{selectableAccount.label}}
+            </UButton>
+          </UCard>
+
+        </UModal>
+
+        <UDivider
+            class="my-3"
+        >
+          Auf Beleg buchen
+        </UDivider>
+        <InputGroup
+            class="mt-3 w-full"
+        >
+          <UInput
+              id="searchinput"
+              v-model="searchString"
+              icon="i-heroicons-funnel"
+              autocomplete="off"
+              placeholder="Suche..."
+              class="hidden lg:block w-full mr-1"
+              @keydown.esc="$event.target.blur()"
+          >
+            <template #trailing>
+              <UKbd value="/" />
+            </template>
+          </UInput>
+          <UButton
+              variant="outline"
+              icon="i-heroicons-x-mark"
+              color="rose"
+              @click="searchString = ''"
+          />
+        </InputGroup>
+      </div>
+
+      <div class="scrollList mt-3 px-2" style="height: 70vh;">
+
+        <UCard
+            class="mt-5"
+            v-for="document in filteredDocuments"
+        >
+          <template #header>
+            <div class="flex flex-row justify-between">
+              <span>{{document.customer ? document.customer.name : ""}} - {{document.documentNumber}}</span>
+              <span class="font-semibold text-primary-500 text-nowrap">{{displayCurrency(document.openSum)}}</span>
+            </div>
+          </template>
+          <UButton
+              icon="i-heroicons-check"
+              variant="outline"
+              class="mr-3"
+              v-if="!itemInfo.statementallocations.find(i => i.cd_id === document.id)"
+              @click="saveAllocation({cd_id: document.id, bs_id: itemInfo.id, amount: Number(document.openSum)})"
+          />
+
+          <UButton
+              variant="outline"
+              icon="i-heroicons-arrow-right-end-on-rectangle"
+              @click="router.push(`/createDocument/show/${document.id}`)"
+          />
         </UCard>
 
-      </UModal>
-
-      <UDivider
-          class="my-3"
-      >
-        Auf Beleg buchen
-      </UDivider>
-
-      <InputGroup
-          class="mt-3 w-full"
-      >
-        <UInput
-            id="searchinput"
-            v-model="searchString"
-            icon="i-heroicons-funnel"
-            autocomplete="off"
-            placeholder="Suche..."
-            class="hidden lg:block w-full mr-1"
-            @keydown.esc="$event.target.blur()"
+        <UCard
+            class="mt-5"
+            v-for="item in filteredIncomingInvoices"
         >
-          <template #trailing>
-            <UKbd value="/" />
+          <template #header>
+            <div class="flex flex-row justify-between">
+              <span>{{item.vendor ? item.vendor.name : ''}} - {{item.reference}}</span>
+              <span class="font-semibold text-rose-600 text-nowrap">-{{displayCurrency(getInvoiceSum(item))}}</span>
+            </div>
           </template>
-        </UInput>
-        <UButton
-            variant="outline"
-            icon="i-heroicons-x-mark"
-            color="rose"
-            @click="searchString = ''"
-        />
-      </InputGroup>
+          <UButton
+              icon="i-heroicons-check"
+              variant="outline"
+              class="mr-3"
+              v-if="!itemInfo.statementallocations.find(i => i.ii_id === item.id)"
+              @click="saveAllocation({ii_id: item.id, bs_id: itemInfo.id, amount: Number(itemInfo.amount)})"
+          />
+          <UButton
+              variant="outline"
+              icon="i-heroicons-arrow-right-end-on-rectangle"
+              @click="router.push(`/incominginvoices/show/${item.id}`)"
+          />
 
-
-      <UCard
-          class="mt-5"
-          :ui="{ring: itemInfo.statementallocations.find(i => i.cd_id === document.id) ? 'ring-primary-500' : 'ring-gray-200 dark:ring-gray-800'}"
-          v-for="document in filteredRows"
-      >
-        <template #header>
-          <div class="flex flex-row justify-between">
-            <span>{{document.customer ? document.customer.name : ""}} - {{document.documentNumber}}</span>
-            <span class="font-semibold text-primary-500 text-nowrap">{{displayCurrency(document.openSum)}}</span>
-          </div>
-        </template>
-        <UButton
-            icon="i-heroicons-check"
-            variant="outline"
-            class="mr-3"
-            v-if="!itemInfo.statementallocations.find(i => i.cd_id === document.id)"
-            @click="saveAllocation({cd_id: document.id, bs_id: itemInfo.id, amount: Number(document.openSum)})"
-        />
-        <UButton
-            icon="i-heroicons-x-mark"
-            variant="outline"
-            color="rose"
-            class="mr-3"
-            v-if="itemInfo.statementallocations.find(i => i.cd_id === document.id)"
-            @click="removeAllocation(itemInfo.statementallocations.find(i => i.ii_id === document.id).id)"
-        />
-
-        <UButton
-            variant="outline"
-            icon="i-heroicons-arrow-right-end-on-rectangle"
-            @click="router.push(`/createDocument/show/${document.id}`)"
-        />
-      </UCard>
-
-      <UCard
-          class="mt-5"
-          :ui="{ring: /*itemInfo.assignments.find(i => i.id === invoice.id)*/ false ? 'ring-primary-500' : 'ring-gray-200 dark:ring-gray-800'}"
-          v-for="item in openIncomingInvoices"
-      >
-        <template #header>
-          <div class="flex flex-row justify-between">
-            <span>{{dataStore.getVendorById(item.vendor) ? dataStore.getVendorById(item.vendor).name : ''}} - {{item.reference}}</span>
-            <span class="font-semibold text-rose-600 text-nowrap">-{{displayCurrency(getInvoiceSum(item))}}</span>
-          </div>
-        </template>
-        <UButton
-            icon="i-heroicons-check"
-            variant="outline"
-            class="mr-3"
-            v-if="!itemInfo.statementallocations.find(i => i.ii_id === item.id)"
-            @click="saveAllocation({ii_id: item.id, bs_id: itemInfo.id, amount: Number(itemInfo.amount)})"
-        />
-        <UButton
-            icon="i-heroicons-x-mark"
-            variant="outline"
-            color="rose"
-            class="mr-3"
-            v-if="itemInfo.statementallocations.find(i => i.ii_id === item.id)"
-            @click="removeAllocation(itemInfo.statementallocations.find(i => i.ii_id === item.id).id)"
-        />
-        <UButton
-            variant="outline"
-            icon="i-heroicons-arrow-right-end-on-rectangle"
-            @click="router.push(`/incominginvoices/show/${item.id}`)"
-        />
-
-      </UCard>
+        </UCard>
+      </div>
     </div>
 
   </UDashboardPanelContent>
 </template>
 
 <style scoped>
+.workingContainer {
+  height: 90vh;
+  overflow-y: hidden;
+}
 
 </style>
\ No newline at end of file
diff --git a/pages/createDocument/edit/[[id]].vue b/pages/createDocument/edit/[[id]].vue
index 79604f9..cb1160d 100644
--- a/pages/createDocument/edit/[[id]].vue
+++ b/pages/createDocument/edit/[[id]].vue
@@ -620,7 +620,7 @@ const processDieselPosition = () => {
       itemInfo.value.rows[existingAdblueIndex] = {
         ...itemInfo.value.rows[existingAdblueIndex],
         price: agricultureData.adbluePriceTotal,
-        text: `${agricultureData.adblueUsageTotal} L Diesel`,
+        text: `${agricultureData.adblueUsageTotal} L AdBlue`,
       }
 
     } else {
@@ -669,7 +669,7 @@ const getDocumentData = () => {
 
   let rows = itemInfo.value.rows
 
-  if(itemInfo.value.taxType === "13b UStG") {
+  if(itemInfo.value.taxType === "13b UStG" || itemInfo.value.taxType === "19 UStG") {
       rows = rows.map(row => {
         return {
           ...row,
@@ -1243,7 +1243,7 @@ const setRowData = (row) => {
                   v-if="itemInfo.type === 'invoices'"
               >
                 <USelectMenu
-                    :options="['Standard','13b UStG']"
+                    :options="['Standard','13b UStG','19 UStG']"
                     v-model="itemInfo.taxType"
                     class="w-full"
                 ></USelectMenu>
@@ -1954,7 +1954,7 @@ const setRowData = (row) => {
                     <USelectMenu
                         :options="[19,7,0]"
                         v-model="row.taxPercent"
-                        :disabled="itemInfo.taxType === '13b UStG'"
+                        :disabled="itemInfo.taxType === '13b UStG' || itemInfo.taxType === '19 UStG'"
                     >
                       <template #option="{option}">
                         {{option}} %
diff --git a/pages/incomingInvoices/[mode]/[[id]].vue b/pages/incomingInvoices/[mode]/[[id]].vue
index eb45123..eb71ff4 100644
--- a/pages/incomingInvoices/[mode]/[[id]].vue
+++ b/pages/incomingInvoices/[mode]/[[id]].vue
@@ -435,6 +435,7 @@ setupPage()
                     v-model="item.taxType"
                     value-attribute="key"
                     option-attribute="label"
+                    :ui-menu="{ width: 'min-w-max' }"
                     @change="item.amountTax = Number(((item.amountNet ? item.amountNet : 0) * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
                 >
                   <template #label>
diff --git a/pages/incomingInvoices/create.vue b/pages/incomingInvoices/create.vue
index f212073..be170e4 100644
--- a/pages/incomingInvoices/create.vue
+++ b/pages/incomingInvoices/create.vue
@@ -152,13 +152,13 @@ const createIncomingInvoice = async () => {
     </div>
     <div
         v-else
-        class="flex justify-between mt-5"
+        class="flex justify-between mt-5 workingContainer"
     >
       <object
           v-if="loadedFile"
           :data="loadedFile.url + '#toolbar=0&navpanes=0&scrollbar=0&statusbar=0&messages=0&scrollbar=0'"
           type="application/pdf"
-          class="mx-5 documentPreview w-full"
+          class="mx-5 documentPreview"
       />
       <div class="w-3/5 mx-5">
 
@@ -210,7 +210,7 @@ const createIncomingInvoice = async () => {
                   :search-attributes="['name','vendorNumber']"
                   class="flex-auto"
                   searchable-placeholder="Suche..."
-                  :color="!itemInfo.vendor ? 'rose' : ''"
+                  :color="!itemInfo.vendor ? 'rose' : 'primary'"
               >
                 <template #option="{option}">
                   {{option.vendorNumber}} - {{option.name}}
@@ -245,7 +245,7 @@ const createIncomingInvoice = async () => {
                     icon="i-heroicons-calendar-days-20-solid"
                     :label="itemInfo.date ? dayjs(itemInfo.date).format('DD.MM.YYYY') : 'Datum auswählen'"
                     variant="outline"
-                    :color="!itemInfo.date ? 'rose' : ''"
+                    :color="!itemInfo.date ? 'rose' : 'primary'"
                 />
 
                 <template #panel="{ close }">
@@ -340,7 +340,7 @@ const createIncomingInvoice = async () => {
                   :search-attributes="['label']"
                   searchable-placeholder="Suche..."
                   v-model="item.account"
-                  :color="!item.account ? 'rose' : ''"
+                  :color="!item.account ? 'rose' : 'primary'"
               >
                 <template #label>
                   {{dataStore.accounts.find(account => account.id === item.account) ? dataStore.accounts.find(account => account.id === item.account).label : "Keine Kategorie ausgewählt" }}
@@ -382,9 +382,10 @@ const createIncomingInvoice = async () => {
                     type="number"
                     step="0.01"
                     v-model="item.amountNet"
-                    :color="!item.amountNet ? 'rose' : ''"
+                    :color="!item.amountNet ? 'rose' : 'primary'"
                     :disabled="item.taxType === null"
-                    @keyup="item.amountTax = Number((item.amountNet * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
+                    @keyup="item.amountTax = Number((item.amountNet * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
+                            item.amountGross = Number(item.amountNet) + NUmber(item.amountTax)"
                 >
                   <template #trailing>
                     <span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
@@ -403,8 +404,9 @@ const createIncomingInvoice = async () => {
                     step="0.01"
                     :disabled="item.taxType === null"
                     v-model="item.amountGross"
-                    :color="!item.amountGross ? 'rose' : ''"
-                    @keyup="item.amountNet = Number((item.amountGross / (1 + Number(item.taxType)/100)).toFixed(2)),
+                    :color="!item.amountGross ? 'rose' : 'primary'"
+                    :ui-menu="{ width: 'min-w-max' }"
+                    @keyup="item.amountNet = Number((item.amountGross / (1 + Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
                   item.amountTax = Number((item.amountGross - item.amountNet).toFixed(2))"
                 >
                   <template #trailing>
@@ -422,8 +424,10 @@ const createIncomingInvoice = async () => {
                     :options="taxOptions"
                     v-model="item.taxType"
                     value-attribute="key"
+                    :ui-menu="{ width: 'min-w-max' }"
                     option-attribute="label"
-                    @change="item.amountTax = Number(((item.amountNet ? item.amountNet : 0) * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
+                    @change="item.amountNet = Number((item.amountGross / (1 + Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2)),
+                    item.amountTax = Number(((item.amountNet ? item.amountNet : 0) * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
                 >
                   <template #label>
                     <span class="truncate">{{taxOptions.find(i => i.key === item.taxType) ? taxOptions.find(i => i.key === item.taxType).label : ""}}</span>
@@ -464,6 +468,7 @@ const createIncomingInvoice = async () => {
 <style scoped>
 .documentPreview {
   aspect-ratio: 1 / 1.414;
+  height: 80vh;
 }
 
 
@@ -486,4 +491,8 @@ const createIncomingInvoice = async () => {
   display: flex;
   flex-direction: row;
 }
+
+.workingContainer {
+  height: 80vh;
+}
 </style>
\ No newline at end of file
diff --git a/pages/incomingInvoices/index.vue b/pages/incomingInvoices/index.vue
index 15bca30..aee600b 100644
--- a/pages/incomingInvoices/index.vue
+++ b/pages/incomingInvoices/index.vue
@@ -1,5 +1,6 @@
 <script setup>
 import dayjs from "dayjs"
+import {useSum} from "~/composables/useSum.js";
 definePageMeta({
   middleware: "auth"
 })
@@ -38,6 +39,8 @@ defineShortcuts({
 const dataStore = useDataStore()
 const router = useRouter()
 
+const sum = useSum()
+
 const items = ref([])
 const selectedItem = ref(0)
 
@@ -105,8 +108,7 @@ const getInvoiceSum = (invoice) => {
 const isPaid = (item) => {
   let amountPaid = 0
   item.statementallocations.forEach(allocation => amountPaid += allocation.amount)
-
-  return amountPaid === Number(getInvoiceSum(item))
+  return Math.abs(amountPaid) === Math.abs(Number(getInvoiceSum(item)))
 }
 
 
@@ -170,7 +172,7 @@ const isPaid = (item) => {
         {{row.vendor ? row.vendor.name : ""}}
       </template>
       <template #amount-data="{row}">
-        {{displayCurrency(getInvoiceSum(row))}}
+        {{displayCurrency(sum.getIncomingInvoiceSum(row))}}
       </template>
       <template #dueDate-data="{row}">
         {{dayjs(row.dueDate).format("DD.MM.YYYY")}}
diff --git a/pages/incomingInvoices/show/[id].vue b/pages/incomingInvoices/show/[id].vue
index fe40b86..cf33242 100644
--- a/pages/incomingInvoices/show/[id].vue
+++ b/pages/incomingInvoices/show/[id].vue
@@ -93,7 +93,7 @@ setupPage()
           <p>Status: {{itemInfo.state}}</p>
           <p>Datum: {{dayjs(itemInfo.date).format('DD.MM.YYYY')}}</p>
           <p>Fälligkeitsdatum: {{dayjs(itemInfo.dueDate).format('DD.MM.YYYY')}}</p>
-          <p v-if="itemInfo.vendor">Lieferant: <nuxt-link :to="`/standardEntity/vendors/show/${itemInfo.vendor}`">{{itemInfo.vendor.name}}</nuxt-link></p>
+          <p v-if="itemInfo.vendor">Lieferant: <nuxt-link :to="`/standardEntity/vendors/show/${itemInfo.vendor.id}`">{{itemInfo.vendor.name}}</nuxt-link></p>
           <p>Bezahlt: {{itemInfo.paid ? "Ja" : "Nein"}}</p>
           <p>Beschreibung: {{itemInfo.description}}</p>
 
diff --git a/pages/projecttypes/[mode]/[[id]].vue b/pages/projecttypes/[mode]/[[id]].vue
index 1605044..928ea7d 100644
--- a/pages/projecttypes/[mode]/[[id]].vue
+++ b/pages/projecttypes/[mode]/[[id]].vue
@@ -32,7 +32,7 @@ const toast = useToast()
 const mode = ref(route.params.mode || "show")
 const itemInfo = ref({
   name: "",
-  initialPhases: [{label:'',icon:''}]
+  initialPhases: [{ "key": "f31f6fcb-34d5-41a0-9b8f-6c85062f19be", "icon": "i-heroicons-clipboard-document", "label": "Erstkontakt", "active": true, "quickactions": [] }, { "key": "41995d1f-78fa-448b-b6ea-e206645ffb89", "icon": "i-heroicons-wrench-screwdriver", "label": "Umsetzung", "quickactions": [] }, { "key": "267e78ac-9eab-4736-b9c8-4b94c1724494", "icon": "i-heroicons-document-text", "label": "Rechnungsstellung", "quickactions": [] }, { "key": "038df888-53f2-4985-b08e-776ab82df5d3", "icon": "i-heroicons-check", "label": "Abgeschlossen", "quickactions": [] } ]
 })
 const oldItemInfo = ref({})
 
diff --git a/pages/settings/texttemplates.vue b/pages/settings/texttemplates.vue
index f8df072..8341487 100644
--- a/pages/settings/texttemplates.vue
+++ b/pages/settings/texttemplates.vue
@@ -9,7 +9,18 @@
 
   const editTemplateModalOpen = ref(false)
   const itemInfo = ref({})
+  const texttemplates = ref([])
 
+  const setup = async () => {
+    texttemplates.value = await useSupabaseSelect("texttemplates")
+  }
+
+  setup()
+
+  const expand = ref({
+    openedRows: [],
+    row: {}
+  })
 
 
 </script>
@@ -26,11 +37,8 @@
         </UButton>
       </template>
   </UDashboardNavbar>
-  <UDashboardToolbar>
-
-  </UDashboardToolbar>
   <UDashboardPanelContent>
-    <UCard class="mt-5 mx-5">
+    <UCard class="mx-5">
       <template #header>
         Variablen
       </template>
@@ -55,7 +63,39 @@
 
     </UCard>
 
-    <div class="w-3/4 mx-auto mt-5">
+    <UTable
+        class="mt-3"
+      :rows="texttemplates"
+      v-model:expand="expand"
+      :columns="[{key:'name',label:'Name'},{key:'documentType',label:'Dokumententyp'},{key:'default',label:'Standard'},{key:'pos',label:'Position'}]"
+    >
+      <template #documentType-data="{row}">
+        {{dataStore.documentTypesForCreation[row.documentType].label}}
+      </template>
+      <template #default-data="{row}">
+        {{row.default ? "Ja" : "Nein"}}
+      </template>
+      <template #pos-data="{row}">
+        <span v-if="row.pos === 'startText'">Einleitung</span>
+        <span v-else-if="row.pos === 'endText'">Endtext</span>
+      </template>
+      <template #expand="{ row }">
+        <div class="p-4">
+          <p class="text-2xl">{{dataStore.documentTypesForCreation[row.documentType].label}}</p>
+          <p class="text-xl mt-3">{{row.pos === 'startText' ? 'Einleitung' : 'Ende'}}</p>
+          <p class="text-justify mt-3">{{row.text}}</p>
+          <UButton
+              class="mt-3"
+              @click="itemInfo = row;
+             editTemplateModalOpen = true"
+              variant="outline"
+          >Bearbeiten</UButton>
+        </div>
+      </template>
+    </UTable>
+
+
+<!--    <div class="w-3/4 mx-auto mt-5">
       <UCard
           v-for="template in dataStore.texttemplates"
           class="mb-3"
@@ -70,7 +110,7 @@
           variant="outline"
         />
       </UCard>
-    </div>
+    </div>-->
   </UDashboardPanelContent>
 
   <USlideover
diff --git a/pages/support/[id].vue b/pages/support/[id].vue
index 517dae4..f8897ad 100644
--- a/pages/support/[id].vue
+++ b/pages/support/[id].vue
@@ -1,6 +1,7 @@
 <script setup>
 
 import {useFunctions} from "~/composables/useFunctions.js";
+import dayjs from "dayjs";
 
 const supabase = useSupabaseClient()
 const profileStore = useProfileStore()
@@ -153,33 +154,56 @@ const closeTicket = async () => {
     </template>
   </UDashboardNavbar>
   <UDashboardPanelContent v-if="loaded">
-    <UAlert
+    <div
+        v-if="profileStore.currentTenant === 5"
+        v-for="item in itemInfo.ticketmessages"
+        class="mb-3 flex flex-row p-5"
+        :style="item.internal ? 'border: 1px solid red; border-radius: 15px' : item.profile.tenant === 5 ? 'border: 1px solid #69c350; border-radius: 15px' : 'border: 1px solid #fff; border-radius: 15px'"
+    >
+      <UAvatar :alt="item.profile.fullName" class="mr-3"/>
+      <div>
+        <p class="text-xl">{{item.type}} - {{item.profile.fullName}}</p>
+        <p v-html="item.content"></p>
+        <p class="mt-1 text-gray-600 dark:text-gray-400">{{dayjs(item.created_at).format("DD.MM.YYYY HH:mm")}}</p>
+      </div>
+    </div>
+
+
+
+<!--    <UAlert
         v-if="profileStore.currentTenant === 5"
         v-for="item in itemInfo.ticketmessages"
-        :description="item.content"
         :avatar="{ alt: item.profile.fullName}"
         :title="`${item.type} - ${item.profile.fullName}`"
         class="mb-3"
         :color="item.internal ? 'rose' : item.profile.tenant === 5 ? 'primary' : 'white'"
         variant="outline"
-    />
+    >
+      <template #description>
+        <span v-html="item.content"></span>
+        <p class="mt-1 text-gray-600 dark:text-gray-400">{{dayjs(item.created_at).format("DD.MM.YYYY HH:mm")}}</p>
+      </template>
+    </UAlert>-->
     <UAlert
         v-else
         v-for="item in itemInfo.ticketmessages.filter(i => !i.internal)"
-        :description="item.content"
         :avatar="{ alt: item.profile.fullName}"
         :title="`${item.type} - ${item.profile.fullName}`"
         class="mb-3"
         :color="item.profile.tenant === 5 ? 'primary' : 'white'"
         variant="outline"
-    />
+    >
+      <template #description>
+        <p>{{item.content}}</p>
+        <p class="mt-1 text-gray-600 dark:text-gray-400">{{dayjs(item.created_at).format("DD.MM.YYYY HH:mm")}}</p>
+      </template>
+    </UAlert>
 
     <InputGroup>
-      <UInput
+      <UTextarea
         class="w-full mr-2"
         placeholder="Neue Nachricht senden"
         v-model="messageContent"
-        @keyup.enter="addMessage"
       />
       <UButton
         @click="addMessage"
diff --git a/pages/support/index.vue b/pages/support/index.vue
index 5527d63..dbbf952 100644
--- a/pages/support/index.vue
+++ b/pages/support/index.vue
@@ -33,6 +33,7 @@ const filteredRows = computed(() => {
 <template>
   <UDashboardNavbar
     title="Support Tickets"
+    :badge="filteredRows.length"
   >
     <template #right>
       <UButton
diff --git a/stores/data.js b/stores/data.js
index f8d3dfd..37a98ed 100644
--- a/stores/data.js
+++ b/stores/data.js
@@ -599,6 +599,8 @@ export const useDataStore = defineStore('data', () => {
                     selectManualOptions: [
                         {label:"Urlaub"},
                         {label:"Berufsschule"},
+                        {label:"Schlechtwetter"},
+                        {label:"Saison Kurzarbeitergeld"},
                         {label:"unbezahlter Urlaub"},
                         {label:"Überstundenausgleich"},
                         {label:"Sonderurlaub(bezahlt)"},