Bestandsaufnahme & Delta

Was bleibt, was sich ändert,
was neu gebaut wird

Gegenüberstellung des bestehenden Sitepackages nees (TYPO3 v13, bootstrap_package 15) mit den Anforderungen aus Website-Manual v1 und den 29 Layout-PDFs. Grundlage für den Aufbau des neuen Packages.

bleiben

ändern sich

neu

entfallen

zu klären

bleibt1:1 übernehmbar, nur neu gestylt ändertStruktur oder Felder anfassen neuexistiert noch nicht entfälltnicht übernehmen klärenEntscheidung nötig

01Technische Basis

Was sich unterhalb des Designs bewegt.

Bereich	Ist	Soll	Status
TYPO3 Core	13.4, PHP 8.2	14.x, PHP nach v14-Anforderung	ändert
bootstrap_package	bk2k ^15.0, Set `bootstrap-package/full`	v14-fähige Version oder Ablösung	klären
Site Set	`wow-gmbh/nees`, bereits v13-Set-Syntax	bleibt, Dependencies anpassen	bleibt
Extension-Key	`nees` / `wow-gmbh/nees`	unverändert	bleibt
news	georgringer ^14, vollständiger Template-Override	v14-Version, Templates neu gestaltet	ändert
container	nicht direkt required — kommt nur über container-elements	explizit aufnehmen	klären
container-elements	buepro ^7.0	v14-Version	ändert
mail	mediaessenz ^3.10	v14-Version	ändert
Weitere 24 Extensions	powermail, cs-seo, tt-address, jobapplications, visual-editor, ig-slug, newsslider u. a.	je einzeln auf v14 prüfen	klären
Custom PHP	MediaCopyrightElement (FormEngine-Node), MediaCopyrightField	übernehmen, API-Signatur gegen v14 prüfen	bleibt

Befund: b13/container steht nicht in der composer.json, obwohl es genutzt wird — es zieht sich derzeit nur transitiv über buepro/typo3-container-elements. Beim Update sollte es als direkte Abhängigkeit geführt werden, sonst bricht es unbemerkt weg.

02Design-Grundlagen

Farbe, Schrift, Raster — die Ebene, auf der das neue Manual am stärksten eingreift.

Bereich	Ist	Soll laut Manual	Status
Farbpalette	SCSS: primary `#e05206`, secondary `#b2b2b2`, tertiary `#758c7f`, quaternary `#2d1e2f`, Text `#5A5957`	Genau vier: Orange `#E05206`, Weiß `#FFFFFF`, Fast-Schwarz `#141414`, Grau `#58585A`	ändert
Schriften	futura-pt via Typekit (lizenzpflichtig) + League Spartan lokal + Poppins & Source Sans 3 via Google — vier Quellen, davon zwei ungenutzt	ausschließlich Jost (Google Font) in Light / Regular / Medium	ändert
Überschriften-System	`header_class`: two-colored, uppercase, two-colored-uppercase	Highlight-Überschrift (orange, Versalien) + orangener Trenner + Hauptüberschrift + Fließtext, vier zulässige Kombinationen	ändert
Border-Radius	global `0`	Halbbilder ohne Rundung, Bildkacheln `10px`	ändert
Breakpoints	sm/md/lg alle auf 992px gesetzt — faktisch nur zwei Stufen	Desktop / Tablet / Smartphone mit Neuanordnung, definierte Maximalbreite für Text	ändert
Textausrichtung	linksbündig	Fließtext im Blocksatz	klären
Aufzählungen	Bootstrap-Standard	quadratisches Zeichen in `#E05206`, stets kleiner als die Schrift	neu
Buttons	Bootstrap-Primary mit Overrides	primär orange, sekundär weiß/grau mit Kontur, Textlinks einheitlich	ändert
Frame-Optionen	`slope` (Schräge), `half`, Höhen h-25…h-100, X/Y-Achsen-Positionierung	`half` wird Standard-Hero; Schrägen widersprechen „keine organischen Formen“	ändert
Logo	logo.svg / logo-inverted.svg / nees-logo.svg	Wortmarke bevorzugt, quadratisches Logo nur für Favicon & Social	bleibt

Widerspruch im Bestand: settings.yaml setzt scss.primary auf #eb3e4a (Rot), während _variables.scss $primary: #e05206 (Orange) definiert. Beim Neuaufbau nur noch eine Quelle für Farbwerte führen.

03Content-Elemente im Bestand

Neun Content Blocks plus rund 60 überschriebene Bootstrap-Package-Elemente.

Element	Was es tut	Bewertung gegen neues Design	Status
referenz	Bauherr, Architekt, Leistung, Highlights, Links, Bild, Copyright	Felder decken die Referenz-Detailansicht der PDFs vollständig ab — nur Darstellung neu (Kachel + Overlay)	bleibt
mitarbeiter	Name, Zitat, Bild	passt zu „Über uns“; Hover-Zustand kommt hinzu	bleibt
open-jobs	Sammlung: Titel, Standort, Beginn, Kontaktperson, Link	deckt „Unsere offenen Stellen“ ab	bleibt
image-hover	Normalbild, Hoverbild, Link, Bildunterschrift	Basis für Team- und Referenz-Kacheln mit Mouse-Over	bleibt
newsletterberschrift	Symbol-Auswahl, Überschrift, Hintergrund, Abstände	reines Mail-Element, vom Website-Redesign nicht berührt	bleibt
newsletterinhaltselement	Symbol, Überschrift, RTE-Text, Link, Bild, Erscheinung	reines Mail-Element	bleibt
newsletterinhaltsverzeichnis	zwei Spalten Abschnitts-Links	reines Mail-Element	bleibt
sliderhoverelemente	zwei tt_content-Sammlungen (Hover-/Slider-Elemente)	wird vom neuen nummerierten Leistungs-Kartenslider abgelöst — Datenmodell passt nicht mehr	ändert
breadcrumb	Überschrift + Link	in keinem der 29 Layouts sichtbar	klären
~60 CE-Overrides	Accordion, Carousel, CardGroup, Textmedia-Varianten, Menu-Varianten …	die meisten Varianten kommen im neuen Design nicht vor — nur die tatsächlich genutzten übernehmen	ändert
news-Templates	List, Detail, SearchForm, DateMenu + Layouts grid/bgimage/slider	Struktur trägt, Gestaltung komplett neu (Kategorie-Kacheln 01–04)	ändert

04Neu zu bauende Komponenten

Aus den Layout-PDFs abgeleitet — im Bestand gibt es dafür keine Entsprechung.

Komponente	Wo sie vorkommt	Beschreibung
Hero „Halbbild“	jede Haupt- und Unterseite	Standard-Startbild: weißer Inhaltsbereich links, großes Bild rechts, ohne Rundung
Kennzahlen-Band	Startseite, Leistungen	vier Werte auf dunklem Grund, mit `#1`–`#4` ausgezeichnet
Leistungs-Kartenslider	Leistungen, alle Leistungs-Unterseiten	nummerierte Karten 01–0n auf schwarzem Grund, horizontal scrollbar, aktive Karte hervorgehoben
Leistungsbereiche-Liste	Startseite	nummerierte Einträge mit Titel und Kurzbeschreibung
Kategorie-Kacheln	Referenzen, Aktuelles	2–4 Kacheln mit 10px Radius, horizontal erweiterbar, Mouse-Over-Zustand
Referenz-Detail-Overlay	Referenzen	Klick auf Kachel öffnet Projektdetails über dem Raster
Projekt-Highlight	Referenzen, Startseite	„Aktuelles Projekt“ groß, darunter „Weitere aktuelle Projekte“
Prozess-Schritte	Fachbauleitung	Ablauf von Baustellenbegehung bis Inbetriebnahme
Vorteils-Raster	Prüfung von Brandschutzkonzepten, Karriere	„Warum?“ / „Unsere Benefits“ als Icon-Text-Raster
Bundesländer-Auswahl	Prüfung von Brandschutzkonzepten	Deutschlandkarte plus Liste, Inhalt wechselt je Bundesland
CTA-Band	mehrere Seiten	schmales helles Band mit Eyebrow und Aufforderung
Team-Zitat	Über uns	„Stimmen aus unserem Team“
Ansprechpartner-Avatar	Leistungen-Hero	rundes Portrait am unteren Rand des Hero-Textbereichs
Newsletter-Anmeldung	Newsletter-Seite, Footer	Formular auf der Website — bislang existiert nur der Mail-Versand
„Frag neele“	alle Seiten	runder Button unten links, Hover-Hinweisfeld, Chat-Overlay, eigenes Markendesign

Größter Unsicherheitsposten: „Frag neele“ ist im Manual nur konzeptionell beschrieben. Ob eigene Entwicklung, eingebundener Dienst oder Fremdsystem — davon hängt der Aufwand ab, ebenso die DSGVO-Betrachtung.

05Seitenstruktur & Rahmen

Bereich	Ist	Soll	Status
Header	Main.html, Flyout.html, LanguageShort.html	Wortmarke links; rechts Leistungen, Referenzen, Karriere, Sprache, Burger. Sticky, bei Inaktivität ausblendend	ändert
Seitenmenü	Flyout vorhanden	Burger öffnet seitliche Menüleiste mit voller Navigation	ändert
Footer	Bootstrap-Package-Footer	auf allen Seiten identisch: Wortmarke, Beschreibung, Social-Icons, Navigation, Service, Newsletter, drei Standorte mit vollständigen Kontaktdaten	ändert
Backend-Layouts	nur `example` und `styleguide` aus dem Generator — obwohl `page.tsconfig` ein Layout „Brandschutzkonzepte“ registriert	echte Layouts für Start, Leistung, Referenz, Karriere, Aktuelles, Standard	neu
Seitenbaum	gewachsen	Start · Leistungen +8 · Referenzen +5 Kategorien · Karriere + Bewerbung · Aktuelles + Newsletter · Über uns · Service · Impressum · Datenschutz	ändert
Mehrsprachigkeit	Sprachumschalter vorhanden	gleiche Informationsstruktur je Sprache, Titel und Metadaten separat gepflegt	klären

06Altlasten — nicht mitnehmen

Im Bestand vorhanden, ohne Funktion im neuen Package.

Was	Warum
Mask-Konfiguration	`Configuration/Mask/mask.json` (46 KB) und `Resources/Private/Mask/` laufen parallel zu den Content Blocks — dieselben Elemente in zwei Systemen gepflegt. Nur die Mail-Templates unter `Mask/Frontend` werden noch gebraucht.
Typekit-Einbindung	futura-pt entfällt zugunsten von Jost; externe Lizenz wird frei
Google Fonts Poppins & Source Sans 3	werden geladen, sind im SCSS aber auskommentiert
League Spartan	eigene CSS-Datei plus woff2, im Theme auskommentiert
Styleguide.html, styleguide-bak.html, Example.html	Generator-Reste
new_slope.scss	liegt im Ordner, wird von `theme.scss` nicht importiert
Frame-Klasse `slope`	Schrägen widersprechen der Vorgabe, auf dekorative Formen zu verzichten
Farbvariablen tertiary / quaternary	Vier-Farben-Palette lässt keinen Platz dafür
nees_1.0.0.zip	Package-Archiv im Package selbst

07Offene Punkte

Entscheidungen, die vor dem Aufbau des neuen Packages fallen sollten.

Punkt	Worum es geht
bootstrap_package unter v14	Gibt es eine v14-Version? Falls nicht: eigenständiges Sitepackage auf reinem Bootstrap 5 — das ändert die Herkunft sämtlicher CE-Templates.
Extension-Portfolio	30 Requires für eine Website. Vor dem Update prüfen, was wirklich noch gebraucht wird — jede nicht v14-fähige Extension blockiert sonst das Upgrade.
„Frag neele“	Eigenentwicklung, Fremddienst oder eingebundenes Widget? Datenschutz-Betrachtung nötig.
Blocksatz	Das Manual fordert ihn für Fließtexte. Ohne Silbentrennung entstehen im Browser große Wortlücken, und für Barrierefreiheit ist Blocksatz ungünstig. Vorschlag: Blocksatz mit `hyphens: auto`, oder Rückfrage beim Kunden.
Bestandsinhalte	Werden Inhalte migriert oder neu eingepflegt? Bei Migration braucht es Mapping-Regeln für die entfallenden CE-Varianten.
Über uns.pdf	Über 20 MB und daher nicht vollständig auswertbar — bitte eine verkleinerte Fassung nachreichen, für die Team-Ansicht relevant.

Was bleibt, was sich ändert,was neu gebaut wird