From b3b6715d1c72e7ef8afe4761a221a926912b2966 Mon Sep 17 00:00:00 2001
From: team3 <team3@mitho-media.de>
Date: Fri, 9 Oct 2026 22:23:13 +0200
Subject: [PATCH] update

---
 frontend/src/components/Einladung.vue | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Einladung.vue b/frontend/src/components/Einladung.vue
index 98c7825..c4e1097 100644
--- a/frontend/src/components/Einladung.vue
+++ b/frontend/src/components/Einladung.vue
@@ -19,6 +19,7 @@ function naechsterMittwoch() {
 
 const form = reactive({
   stil: 'horror',
+  vorzeile: 'Einladung zum',
   titel: 'Filmabend',
   datum: naechsterMittwoch(),
   uhrzeit: '20:00',
@@ -265,7 +266,12 @@ function malen() {
   ctx.textAlign = 'center'
   ctx.textBaseline = 'alphabetic'
 
-  // Überschrift
+  // Vorzeile und Überschrift
+  ctx.fillStyle = farbe.leise
+  ctx.font = `600 36px ${SCHRIFT}`
+  ctx.letterSpacing = '8px'
+  ctx.fillText(form.vorzeile.toUpperCase(), B / 2, 345, B - 160)
+  ctx.letterSpacing = '0px'
   ctx.save()
   if (horror) {
     ctx.shadowColor = 'rgba(229, 9, 20, 0.7)'
@@ -364,10 +370,16 @@ onUnmounted(() => window.removeEventListener('keydown', escape))
             </button>
           </div>
 
-          <label>
-            Überschrift
-            <input v-model="form.titel" type="text" maxlength="24" />
-          </label>
+          <div class="zeile">
+            <label>
+              Vorzeile
+              <input v-model="form.vorzeile" type="text" maxlength="30" />
+            </label>
+            <label>
+              Überschrift
+              <input v-model="form.titel" type="text" maxlength="24" />
+            </label>
+          </div>
           <div class="zeile">
             <label>
               Datum