AUFTRAG: FREIGEGEBENES VOICE.NRW-LOGO ALS ASSET INTEGRIEREN

Das ZIP enthält die verbindliche Vektorfassung des vom Auftraggeber
freigegebenen Logoentwurfs. Dies ist KEIN Auftrag zum Neudesign der Website.

ZIEL
Das vorhandene Logo an den tatsächlich vorhandenen Stellen durch die
beigefügten professionellen Logo-Assets ersetzen. Das schlichte, warme,
edle Erscheinungsbild der Website und die vorhandenen Animationen erhalten.
Logoform und Schriftzug nicht neu interpretieren oder nachbauen.

1. ZUERST BESTAND PRÜFEN
Lies README_EINBAU.txt. Prüfe danach im bestehenden Projekt, an welchen
Stellen das aktuelle Logo verwendet wird, wie statische Assets eingebunden
werden, welche hellen und dunklen Hintergründe vorkommen und ob bereits
Animationen, responsive Größen oder ein Manifest existieren.
Datei- und Komponentenbezeichnungen nicht raten.
Die React-Beispielkomponente ist optional; sie beweist nicht, dass das
vorhandene Projekt React verwendet. Kein Framework und keine Abhängigkeit
nur für das Logo installieren.

2. DATEIEN VERWENDEN
Für einen dunklen Header oder dunkle Flächen:
04_EMERGENT_WEB/public/brand/voice-nrw-horizontal-on-dark.svg

Für helle Flächen:
04_EMERGENT_WEB/public/brand/voice-nrw-horizontal-on-light.svg

Für einfarbige Anwendungen:
voice-nrw-horizontal-black.svg oder voice-nrw-horizontal-white.svg

Als kompaktes Signet:
voice-nrw-icon-copper.svg, ...-navy.svg, ...-black.svg oder ...-white.svg

Favicon und App-Icons liegen im selben Ordner. SVG ist das bevorzugte
Website-Format. PNG ist nur ein Fallback, z. B. bei tatsächlichen
Einschränkungen im E-Mail-Client. Keine Präsentationsgrafik und keinen
Screenshot als Website-Logo einsetzen.
Die gestapelten Varianten sind zusätzliche Formate und nicht automatisch
als Ersatz für den horizontalen Header vorgesehen.

3. GESTALTUNG ERHALTEN
Die SVGs enthalten echte Pfade einschließlich des Schriftzugs. Keine
zusätzliche Font-Datei nötig. VOICE.NRW nicht neu als normalen Text setzen.
Kupfer: #DB9662
Navy: #0D192B
Warmes Weiß: #FDFAF7

Diese Werte gelten für das Logo. Daraus folgt ausdrücklich KEIN Auftrag,
Farben, Schriften, Layout, Buttons oder Inhalte der Website neu zu gestalten.
SVG proportional skalieren. Nicht beschneiden oder verzerren. Bestehende
Linkziele, Breakpoints und Abstände möglichst beibehalten. Intrinsische
Maße für horizontale SVGs: 1306 x 285. Platzbedarf passend zur bestehenden
Seite reservieren, damit das Logo beim Laden nicht das Layout verschiebt.
Nicht allein wegen des Logos die Höhe des gesamten Headers umbauen.

4. ANIMATIONEN
Bestehende Animationen zuerst prüfen und möglichst weiterverwenden.
Die statischen SVGs enthalten getrennte Gruppen für Signet, Wortmarke und
Punkt, aber keine Animation und kein JavaScript. Keine optischen Effekte
fest in die Bilddatei einbauen.
Nur bei Bedarf die mitgelieferte optionale CSS-/React-Referenz adaptieren.
Deren animate-Einstellung ist standardmäßig false.
Keine Doppelanimation, kein permanentes Pulsieren, kein Drehen und kein
zufälliges Verformen der Logoform. Logo muss im Ruhezustand exakt dem
mitgelieferten Asset entsprechen und sofort erkennbar bleiben.
prefers-reduced-motion respektieren. Animation darf nicht Voraussetzung
für die Darstellung sein. Keine neue Animationsbibliothek installieren.

5. HARTE SCHUTZGRENZEN
Keine Änderung an Backend, Datenbank, APIs, Authentifizierung, Rollen,
Preisen, Tarifen, Guthaben, Bestellungen, Widerrufen, Rechnungen oder
Zahlungen. Keine Änderung an Podcasts, Feeds, Player-Funktionen, Uploads,
Veröffentlichungen, Podcast-IDs oder externen Integrationen.
Keine Änderung an Navigationslogik, Routen, Deep Links oder URL-Struktur.
Keine Änderungen an öffentlichen SEO-Texten oder vorhandenen Metadaten,
abgesehen vom gezielten Austausch vorhandener Logo-/Favicon-Asset-Verweise.
Keine globale Umbenennung der Marke im Code, keine unbeteiligten Refactorings.
Keine bestehenden Markenassets destruktiv löschen; erst Referenzen prüfen.

6. FAVICON / MANIFEST
Vorhandene Icon-Einträge gezielt aktualisieren. Ein existierendes Manifest
nicht ersetzen. App-Name, ID, Start-URL, Scope, Service Worker und andere
Felder unverändert erhalten. Die beigefügten fragment-Dateien sind nur
Referenzen, keine vollständigen Manifest- oder Layout-Dateien.
Bestehende Base-Pfade, Asset-Pipelines und Cache-Regeln berücksichtigen.

7. PRÜFEN UND BERICHTEN
Auf Desktop und Mobilgeräten sowie auf tatsächlich vorhandenen hellen und
dunklen Flächen prüfen. Scharfe Darstellung, Proportionen, Schutzraum,
Header-Höhe, keine Überlagerungen und keine fehlenden Assets kontrollieren.
Bestehendes Logo-Linkziel und Barrierefreiheit erhalten. Doppelte
zugängliche Namen vermeiden; rein dekorative Logos passend kennzeichnen.
Favicon mit Cache-/Hard-Reload-Hinweis prüfen. Reduced-Motion-Variante testen.
Code-Diff kontrollieren: nur notwendige Asset- und Darstellungseinbindung.

Zum Abschluss nennen:
Welche Dateien und Referenzen wurden geändert?
Welche Variante wird wo verwendet?
Welche bestehenden Animationen bleiben erhalten?
Was wurde tatsächlich getestet und was nicht?

Zunächst nur in Preview/Staging umsetzen. Kein produktives Deployment
und keine produktiven schreibenden Testaktionen ohne gesonderte Freigabe.
