diff --git a/components/PageSection.vue b/components/PageSection.vue
index 436a53b0ceed8e6b8598915c2bee23651dcaa3fe..9836d18f4931292fce4cdbbea084926fe06547d6 100644
--- a/components/PageSection.vue
+++ b/components/PageSection.vue
@@ -116,7 +116,7 @@ const backgroundColor = computed(() => {
     case 'light-blue':
       return '#f5f7fa';
     case 'blue':
-      return '#003976';
+      return '#0F6B8A';
     case 'light-green':
       return '#e9f2d5';
   }
diff --git a/components/SponsoringItem.vue b/components/SponsoringItem.vue
index b2a625c39834314d6b5d243258ae692951e427ac..cfc0f34613e294890f90bbdbdeab24c86a06412e 100644
--- a/components/SponsoringItem.vue
+++ b/components/SponsoringItem.vue
@@ -1,15 +1,22 @@
 <template>
   <div
-    class="rounded-md shadow-lg overflow-hidden border-2 border-jemk-blue max-w-sm bg-jemk-light-blue w-full"
+    class="rounded-md shadow-lg overflow-hidden border-2 max-w-sm bg-jemk-light-blue w-full"
+    :style="{ 'border-color': color }"
   >
     <div class="px-6 py-4 pb-3 flex flex-col items-center">
       <span class="text-gray-600 text-base font-medium">
         {{ item.bereich.name }}
       </span>
-      <span class="font-medium text-xl text-jemk-blue mb-4">{{
-        item.name
-      }}</span>
-      <span class="font-bold text-jemk-blue text-4xl">{{ item.price }}</span>
+      <span
+        class="font-medium text-xl text-jemk-blue mb-4"
+        :style="{ color: color }"
+        >{{ item.name }}</span
+      >
+      <span
+        class="font-bold text-jemk-blue text-4xl"
+        :style="{ color: color }"
+        >{{ item.price }}</span
+      >
     </div>
     <img
       v-if="item.image"
@@ -34,6 +41,10 @@ export interface SponsoringItem {
     name: string;
   };
   reward: string;
+  order: number;
+  color: 'default' | 'custom' | 'black' | 'orange' | 'light-green';
+  customColor: string;
+  hasInscription: boolean;
   image: {
     id: number;
     documentId: string;
@@ -48,6 +59,21 @@ export interface SponsoringItem {
 }
 
 const item = defineProps<SponsoringItem>();
+
+const color = computed(() => {
+  switch (item.color) {
+    case 'custom':
+      return item.customColor;
+    case 'black':
+      return '#000000';
+    case 'orange':
+      return '#FF8000';
+    default:
+      return '#0F6B8A';
+  }
+});
+
+console.log(color.value);
 </script>
 
 <style scoped></style>
diff --git a/components/forms/SponsoringForm.vue b/components/forms/SponsoringForm.vue
index b7a2225690ab694ca5c7b02466bae9d03bc407a1..434d3099c3c22b6fc890c3ad0687863ec5528e8c 100644
--- a/components/forms/SponsoringForm.vue
+++ b/components/forms/SponsoringForm.vue
@@ -134,6 +134,23 @@
             }}
           </option>
         </select>
+        <div
+          v-if="
+            formData.type == 'sponsoring' &&
+            items?.filter(item => item.name === formData.item)[0]
+              ?.hasInscription
+          "
+          class="flex"
+        >
+          <input
+            id="customInscription"
+            v-model="formData.beschriftung"
+            class="p-2 rounded-sm shadow-md w-full overflow-hidden focus-visible:shadow-lg outline-none transition-all"
+            type="text"
+            name="Beschriftung"
+            placeholder="Name der Beschriftung"
+          />
+        </div>
         <div
           v-if="formData.type == 'sponsoring' && formData.item === 'freeChoice'"
           class="flex"
@@ -243,6 +260,7 @@ const formData: Ref<SponsoringFormData> = ref({
   item: '',
   amount: '',
   type: null,
+  beschriftung: null,
 });
 
 const { find } = useStrapi();
@@ -281,6 +299,7 @@ const submitForm = () => {
         formData.value.spende = '';
         formData.value.item = '';
         formData.value.amount = '';
+        formData.value.beschriftung = null;
         formData.value.type = null;
         toggleOutput();
         popUpTitle.value = 'Erfolg';
diff --git a/components/strapi/SponsoringItemsComponent.vue b/components/strapi/SponsoringItemsComponent.vue
index c824f44ca5c19ed065224bce520a9421705f35ce..b92586613901d5c96654be803cad2dcec3810bfb 100644
--- a/components/strapi/SponsoringItemsComponent.vue
+++ b/components/strapi/SponsoringItemsComponent.vue
@@ -25,9 +25,16 @@ const {
   error,
 } = await useAsyncData(
   'sponsoring-items',
-  () => find<SponsoringItem>('sponsoring-items', { populate: '*' }),
+  () =>
+    find<SponsoringItem>('sponsoring-items', { populate: '*', sort: 'order' }),
   {
-    transform: input => input.data,
+    transform: input =>
+      (input.data as SponsoringItem[]).sort((a, b) => {
+        if (a.order === null && b.order === null) return 0;
+        if (a.order === null) return 1;
+        if (b.order === null) return -1;
+        return a.order - b.order;
+      }),
   },
 );
 </script>
diff --git a/interfaces/sponsoringFormData.ts b/interfaces/sponsoringFormData.ts
index 062481679672ba26ecd973e561cd8c4a6d71ef9f..4edd047067f70c991129d27012ddbc8858fbbd5d 100644
--- a/interfaces/sponsoringFormData.ts
+++ b/interfaces/sponsoringFormData.ts
@@ -10,4 +10,5 @@ export interface SponsoringFormData {
   item: string;
   amount: string;
   type: string | null;
+  beschriftung: string | null;
 }