...

server.ts

@@ -49,7 +49,7 @@ async function initDatabase(): Promise<AuthorData> {
             "bioTag2Label", "bioTag2Value",
             "bioTag3Label", "bioTag3Value",
             "badgeText", "aboutTitle", "spotlightTitle", "spotlightSubtitle", 
-            "projectsTitle", "projectsSubtitle",
+            "projectsTitle", "projectsSubtitle", "projectExcerptTitle", "projectExcerptBadge", "projectProgressLabel",
             "booksTitle", "booksSubtitle", "footerText",
             "accentColor", "secondaryColor", "backgroundColor", "cardBgColor",
             "fontFamily", "heroBannerUrl"

src/components/AdminPanel.tsx

@@ -869,6 +869,39 @@ export default function AdminPanel({ onLogout }: AdminPanelProps) {
                   />
                 </div>
 
+                <div className="space-y-1">
+                  <label className="text-xs font-mono text-slate-400 uppercase">Projekt-Detail Exzerpt-Überschrift (im Modal)</label>
+                  <input 
+                    type="text" 
+                    value={profile.projectExcerptTitle || ""}
+                    onChange={(e) => updateProfileField("projectExcerptTitle", e.target.value)}
+                    placeholder="z.B. Projekt-Exzerpt & Fortschrittsnotizen"
+                    className="w-full px-3 py-2 bg-slate-950 border border-slate-800 rounded-xl text-white outline-none focus:border-indigo-500 text-sm"
+                  />
+                </div>
+
+                <div className="space-y-1">
+                  <label className="text-xs font-mono text-slate-400 uppercase">Projekt-Detail Badge / Wasserzeichen (z.B. SEC_REPORT_LOG)</label>
+                  <input 
+                    type="text" 
+                    value={profile.projectExcerptBadge || ""}
+                    onChange={(e) => updateProfileField("projectExcerptBadge", e.target.value)}
+                    placeholder="z.B. SEC_REPORT_LOG, FRAGMENT_LOG_01..."
+                    className="w-full px-3 py-2 bg-slate-950 border border-slate-800 rounded-xl text-white outline-none focus:border-indigo-500 text-sm"
+                  />
+                </div>
+
+                <div className="space-y-1">
+                  <label className="text-xs font-mono text-slate-400 uppercase">Projekt-Fortschritts-Label (z.B. Organischer Fortschritt)</label>
+                  <input 
+                    type="text" 
+                    value={profile.projectProgressLabel || ""}
+                    onChange={(e) => updateProfileField("projectProgressLabel", e.target.value)}
+                    placeholder="z.B. Organischer Fortschritt, Reifegrad..."
+                    className="w-full px-3 py-2 bg-slate-950 border border-slate-800 rounded-xl text-white outline-none focus:border-indigo-500 text-sm"
+                  />
+                </div>
+
                 <div className="space-y-1">
                   <label className="text-xs font-mono text-slate-400 uppercase">Bücherregal Sektionsüberschrift</label>
                   <input 

src/components/ClaraPortfolio.tsx

@@ -425,22 +425,26 @@ export default function ClaraPortfolio({ data }: ClaraPortfolioProps) {
 
                 <div className="space-y-2">
                   <div className="flex justify-between items-center text-xs font-sans text-stone-400">
-                    <span>ENTWURF-FORTSCHRITT:</span>
+                    <span>{data.projectProgressLabel ? `${data.projectProgressLabel.toUpperCase()}:` : "ENTWURF-FORTSCHRITT:"}</span>
-                    <span className="text-[#8FA797] font-bold">{selectedProject.progress}%</span>
+                    <span className="font-bold" style={{ color: accentColor }}>{selectedProject.progress}%</span>
                   </div>
                   <div className="h-2 w-full bg-stone-900 rounded-full overflow-hidden border border-stone-800">
                     <div 
-                      className="h-full bg-gradient-to-r from-[#4A5D50] via-[#8FA797] to-[#B59EB1] rounded-full transition-all duration-1000 ease-out shadow-[0_0_8px_rgba(143,167,151,0.25)]" 
+                      className="h-full rounded-full transition-all duration-1000 ease-out shadow-md" 
-                      style={{ width: `${selectedProject.progress}%` }}
+                      style={{ width: `${selectedProject.progress}%`, background: `linear-gradient(to right, ${accentColor}, ${secondaryColor})` }}
                     />
                   </div>
                 </div>
 
                 <div className="bg-[#4A5D50]/5 p-5 rounded-xl border border-[#4A5D50]/20 relative overflow-hidden">
+                  {data.projectExcerptBadge && (
                     <div className="absolute top-0 right-0 p-2 text-stone-700 text-[10px] font-mono select-none">
-                    FRAGMENT_LOG_CLARA
+                      {data.projectExcerptBadge}
                     </div>
-                  <h4 className="text-xs font-sans text-[#8FA797] uppercase tracking-wider mb-3 italic">Konzeptuelle Notizen & Auszüge</h4>
+                  )}
+                  <h4 className="text-xs font-sans uppercase tracking-wider mb-3 italic" style={{ color: accentColor }}>
+                    {data.projectExcerptTitle || "Konzeptuelle Notizen & Auszüge"}
+                  </h4>
                   <div className="text-stone-200 text-sm leading-relaxed italic markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
                     <Markdown>{selectedProject.description || "Für dieses Buchprojekt wurden noch keine lyrischen Gedanken freigegeben."}</Markdown>
                   </div>

src/components/EroticaPortfolio.tsx

@@ -424,23 +424,27 @@ export default function EroticaPortfolio({ data }: EroticaPortfolioProps) {
                 <div className="h-px bg-orange-950/40" />
 
                 <div className="space-y-2">
-                  <div className="flex justify-between items-center text-xs font-sans text-neutral-450 text-neutral-400">
+                  <div className="flex justify-between items-center text-xs font-sans text-neutral-400">
-                    <span>REIFEGRAD DES WERKS:</span>
+                    <span>{data.projectProgressLabel ? `${data.projectProgressLabel.toUpperCase()}:` : "REIFEGRAD DES WERKS:"}</span>
-                    <span className="text-orange-400 font-bold">{selectedProject.progress}%</span>
+                    <span className="font-bold" style={{ color: accentColor }}>{selectedProject.progress}%</span>
                   </div>
                   <div className="h-2 w-full bg-neutral-900 rounded-full overflow-hidden border border-neutral-800">
                     <div 
-                      className="h-full bg-gradient-to-r from-orange-500 via-amber-450 via-amber-400 to-yellow-300 rounded-full transition-all duration-1000 ease-out shadow-[0_0_8px_rgba(249,115,22,0.35)]" 
+                      className="h-full rounded-full transition-all duration-1000 ease-out shadow-md" 
-                      style={{ width: `${selectedProject.progress}%` }}
+                      style={{ width: `${selectedProject.progress}%`, background: `linear-gradient(to right, ${accentColor}, ${secondaryColor})` }}
                     />
                   </div>
                 </div>
 
                 <div className="bg-orange-950/10 p-5 rounded-xl border border-orange-950/20 relative overflow-hidden">
-                  <div className="absolute top-0 right-0 p-2 text-neutral-800 text-[10px] font-mono select-none">
+                  {data.projectExcerptBadge && (
-                    FRAGMENT_REPORT_09
+                    <div className="absolute top-0 right-0 p-2 text-neutral-700 text-[10px] font-mono select-none">
+                      {data.projectExcerptBadge}
                     </div>
-                  <h4 className="text-xs font-sans text-orange-400 uppercase tracking-wider mb-3 italic">Konzeptuelle Skizzen & Atmosphärische Auszüge</h4>
+                  )}
+                  <h4 className="text-xs font-sans uppercase tracking-wider mb-3 italic" style={{ color: accentColor }}>
+                    {data.projectExcerptTitle || "Konzeptuelle Skizzen & Atmosphärische Auszüge"}
+                  </h4>
                   <div className="text-neutral-200 text-sm leading-relaxed italic markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
                     <Markdown>{selectedProject.description || "Für dieses diskrete Werk wurde noch kein detaillierter Auszug freigegeben."}</Markdown>
                   </div>

src/components/ReneePortfolio.tsx

@@ -406,7 +406,7 @@ export default function ReneePortfolio({ data }: ReneePortfolioProps) {
                   Status: {selectedProject.status}
                 </span>
                 <span className="text-xs text-slate-400 italic">
-                  Fortschritt: {selectedProject.progress}%
+                  {data.projectProgressLabel ? `${data.projectProgressLabel}: ` : "Fortschritt: "}{selectedProject.progress}%
                 </span>
               </div>
 
@@ -419,6 +419,17 @@ export default function ReneePortfolio({ data }: ReneePortfolioProps) {
                 />
               </div>
 
+              <div className="bg-slate-900/60 p-5 rounded-xl border border-slate-800 relative overflow-hidden">
+                {data.projectExcerptBadge && (
+                  <div className="absolute top-0 right-0 p-2 text-slate-700 text-[10px] font-mono select-none">
+                    {data.projectExcerptBadge}
+                  </div>
+                )}
+                {data.projectExcerptTitle && (
+                  <h4 className="text-xs uppercase tracking-wider mb-3 font-semibold" style={{ color: accentColor }}>
+                    {data.projectExcerptTitle}
+                  </h4>
+                )}
                 <div className="text-slate-300 text-sm leading-relaxed markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
                   <Markdown 
                     components={{ 
@@ -438,6 +449,7 @@ export default function ReneePortfolio({ data }: ReneePortfolioProps) {
               </div>
             </div>
           </div>
+        </div>
       )}
 
       {/* Footer */}

src/components/SciFiPortfolio.tsx

@@ -450,24 +450,28 @@ export default function SciFiPortfolio({ data }: SciFiPortfolioProps) {
 
                 <div className="space-y-2">
                   <div className="flex justify-between items-center text-xs font-mono text-slate-400">
-                    <span>ORGANISCHER FORTSCHRITT:</span>
+                    <span>{data.projectProgressLabel ? `${data.projectProgressLabel.toUpperCase()}:` : "ORGANISCHER FORTSCHRITT:"}</span>
-                    <span className="text-cyan-400 font-bold">{selectedProject.progress}%</span>
+                    <span className="font-bold" style={{ color: accentColor }}>{selectedProject.progress}%</span>
                   </div>
                   <div className="h-2 w-full bg-slate-950 rounded-full overflow-hidden border border-slate-800">
                     <div 
-                      className="h-full bg-gradient-to-r from-cyan-400 via-indigo-500 to-purple-600 rounded-full transition-all duration-1000 ease-out shadow-[0_0_8px_rgba(34,211,238,0.4)]" 
+                      className="h-full rounded-full transition-all duration-1000 ease-out shadow-md" 
-                      style={{ width: `${selectedProject.progress}%` }}
+                      style={{ width: `${selectedProject.progress}%`, background: `linear-gradient(to right, ${accentColor}, ${secondaryColor})` }}
                     />
                   </div>
                 </div>
 
                 <div className="bg-slate-950/60 p-5 rounded-xl border border-slate-800/60 relative overflow-hidden">
-                  <div className="absolute top-0 right-0 p-2 text-slate-800 text-[10px] font-mono select-none">
+                  {data.projectExcerptBadge && (
-                    SEC_REPORT_LOG
+                    <div className="absolute top-0 right-0 p-2 text-slate-700 text-[10px] font-mono select-none">
+                      {data.projectExcerptBadge}
                     </div>
-                  <h4 className="text-xs font-mono text-slate-500 uppercase tracking-widest mb-3">Projekt-Exzerpt & Fortschrittsnotizen</h4>
+                  )}
+                  <h4 className="text-xs font-mono text-slate-500 uppercase tracking-widest mb-3">
+                    {data.projectExcerptTitle || "Projekt-Exzerpt & Fortschrittsnotizen"}
+                  </h4>
                   <div className="text-slate-300 text-sm leading-relaxed markdown-body [&_p]:mb-4 [&_p:last-child]:mb-0">
-                    <Markdown>{selectedProject.description || "Für dieses Schreibprojekt wurden noch keine detaillierten Chiffren abgelegt."}</Markdown>
+                    <Markdown>{selectedProject.description || "Für dieses Schreibprojekt wurden noch keine weiteren Details abgelegt."}</Markdown>
                   </div>
                 </div>
               </div>

src/defaultData.ts

@@ -63,6 +63,9 @@ export const defaultAuthorData: AuthorData = {
     bioTag3Value: "Verschlüsselt",
     projectsTitle: "Aktuelle Projekte",
     projectsSubtitle: "Ein exklusiver Blick auf das, was sich gerade auf meinem Schreib-Amboss befindet.",
+    projectExcerptTitle: "Projekt-Exzerpt & Fortschrittsnotizen",
+    projectExcerptBadge: "SEC_REPORT_LOG",
+    projectProgressLabel: "Telemetrie / Fortschritt",
     booksTitle: "Bücherregal",
     booksSubtitle: "Entdecken Sie meine verlegten Romane und E-Books mit Hörbeispielen.",
     footerText: "Dokumentation, Fragmente und stellare Chiffren. Verschlüsselt mit moderner Node.JS Technologie.",
@@ -135,6 +138,9 @@ export const defaultAuthorData: AuthorData = {
     bioTag3Value: "Diskret / Pseudonym",
     projectsTitle: "In der Entstehung",
     projectsSubtitle: "Ein Blick in mein privates Arbeitszimmer. Hier reifen neue Kapitel voller Leidenschaft.",
+    projectExcerptTitle: "Konzeptuelle Skizzen & Atmosphärische Auszüge",
+    projectExcerptBadge: "FRAGMENT_REPORT_09",
+    projectProgressLabel: "Reifegrad des Werks",
     booksTitle: "Das Samtregal",
     booksSubtitle: "Verführerische Geschichten und sinnliche Romane für besondere Stunden.",
     footerText: "Mit Liebe und Leidenschaft geschrieben. Alle Werke geschützt.",
@@ -207,6 +213,9 @@ export const defaultAuthorData: AuthorData = {
     bioTag3Value: "Naturkontemplation",
     projectsTitle: "Laufende Notizen & Skizzen",
     projectsSubtitle: "Gedankenfragmente und Manuskripte, die leise im Winde reifen.",
+    projectExcerptTitle: "Konzeptuelle Notizen & Auszüge",
+    projectExcerptBadge: "FRAGMENT_LOG_CLARA",
+    projectProgressLabel: "Entwurf-Fortschritt",
     booksTitle: "Veröffentlichte Bände",
     booksSubtitle: "Lyrikbände und Naturprosa zum Verweilen und Innehalten.",
     footerText: "Gedruckt auf virtuellem Pergament. Stille Notizen aus Wald und Flur.",
@@ -279,6 +288,9 @@ export const defaultAuthorData: AuthorData = {
     bioTag3Value: "Gefühl & Tiefe",
     projectsTitle: "Aus der Schreibstube",
     projectsSubtitle: "Ein Blick auf meine aktuellen Geschichten in Entstehung – voller Hoffnung und Herzklopfen.",
+    projectExcerptTitle: "Gedanken & Details zum Projekt",
+    projectExcerptBadge: "SCHREIBSTUBE_LOG",
+    projectProgressLabel: "Fortschritt",
     booksTitle: "Gefühlvolle Romane",
     booksSubtitle: "Geschichten zum Mitfühlen, Träumen und Genießen.",
     footerText: "Geschrieben mit viel Gefühl und Herzblut.",

src/types.ts

@@ -51,6 +51,9 @@ export interface AuthorProfile {
 
   projectsTitle?: string;
   projectsSubtitle?: string;
+  projectExcerptTitle?: string;
+  projectExcerptBadge?: string;
+  projectProgressLabel?: string;
   booksTitle?: string;
   booksSubtitle?: string;
   footerText?: string;