witec-homepage.webp) und Hinzufügen einer Teaser-Card zur Karriere.leitsaetze-werte-header.png mit Sonnenlicht durch Blätterdach) und Hinzufügen einer Teaser-Card zu Wieso WiTec?.#44b4f5, ruhige Motive ohne Detailaufnahmen und mit reduzierter Komplexität) generiert und integriert für:header-werfttechnik.webp - Weitwinkelaufnahme eines modernen Trockendocks mit Schiff und minimalistischen Kränen)header-rechenzentren.webp - Symmetrisches, aufgeräumtes und ruhiges Motiv eines Server-Rack-Korridors)header-trafostationen.webp - Weitwinkelaufnahme einer modernen, sauberen Transformatorstation unter klarem Himmel)#44b4f5, ruhige Motive ohne Detailaufnahmen und mit reduzierter Komplexität) generiert und integriert für:header-pruefstand-laborautomation.webp - Weitwinkelaufnahme eines minimalistischen, hellen Messlabors mit Rack-Schränken)header-energieerzeugung.webp - Weitwinkel-Landschaftsaufnahme eines sauberen Umspannwerks/Windparks unter blauem Himmel)header-flughafentechnik.webp - Weitwinkel-Außenaufnahme eines ruhigen, sonnigen Flughafenvorfelds)#44b4f5) generiert und integriert für:header-fertigungsindustrie.webp - Detailfokus auf moderne automatisierte Fertigungslinien/Fließbandmontage)header-batterietechnik.webp - Detailfokus auf High-Tech-Batteriezellen/Prüflasttechnik)header-gebaeudetechnik.webp - Detailfokus auf moderne Klimatisierungs- und Belüftungssysteme/RLT)#44b4f5) generiert und integriert für:header-maschinenbau.webp - Detailfokus auf glänzende mechanische Präzisionskomponenten/Zahnräder)header-automobilindustrie.webp - Detailfokus auf moderne Elektromobilität/Antriebskomponenten)header-chemie-pharma.webp - Detailfokus auf sterile Laborleitungen/Prozessarmaturen)header-industrie.webp in 1500x1146 Pixeln) mit einem industriellen Motiv (Detailfokus auf Verkabelung und Steuerungskomponenten mit primary-blue Akzenten) generiert und integriert.✓).shadow-sm, rounded-4).lufterwaermer-geraeteeinschub-01.png bis lufterwaermer-geraeteeinschub-05.png) im Premium-Layout.lufterwaermer-flanschplatte-01.png bis lufterwaermer-flanschplatte-04.png) im strukturierten Grid-Layout.lufterwaermer-wetterschutz-01.png und lufterwaermer-wetterschutz-02.png).lufterwaermer-umlaufender-flansch-01.png bis lufterwaermer-umlaufender-flansch-07.png) sowie Hinzufügen der präzisierenden Unterüberschrift „Mit umlaufendem Flansch“.lufterwaermer-wandmontage-01.png).belastungswiderstand-wandmontage-01.png und belastungswiderstand-wandmontage-02.png).shadow-sm) zur optischen Aufwertung (analog zum Design des Kanaleinbaus mit Flanschplatte).belastungswiderstand-tischgeraet-01.png bis belastungswiderstand-tischgeraet-03.png).shadow-sm) zur optischen Aufwertung der Labor-Produktpräsentation (1 großes Banner über die volle Breite, 2 Detailansichten nebeneinander).col-md-12 und col-md-6).belastungswiderstand-stvzo-01.png bis belastungswiderstand-stvzo-04.png).col-md-6) mit Flex-Zentrierung, weißen Hintergründen und modernen CSS-Schatten (shadow-sm) zur optischen Veredelung der StVZO-Produktpräsentation.belastungswiderstand-flanschplatte-01.png und belastungswiderstand-flanschplatte-02.png).rounded-2) und harmonischem Schatten (shadow-sm) zur Qualitätssteigerung.belastungswiderstand-flughafen-01.png und belastungswiderstand-flughafen-02.png).temperaturregelsysteme-01.png bis temperaturregelsysteme-06.png) im Verzeichnis für sonstige Produkte.col-md-6 innerhalb von col-lg-8) mit CSS-Schatten (shadow-sm) und abgerundeten Ecken (rounded-3).col-lg-4 auf Desktop-Systemen, um die Bildergalerie harmonisch und platzsparend direkt daneben zu platzieren.rohrwiderstaende-01.png bis rohrwiderstaende-06.png) im Verzeichnis für sonstige Produkte.rounded-2) und ansprechenden CSS-Schatten (shadow-sm).col-lg-4 pro Karte) direkt unterhalb des Bilder-Grids zur Optimierung des Leseflusses und der Platzausnutzung.lufterwaermer-heizbehaelter-01.png bis lufterwaermer-heizbehaelter-03.png) im öffentlichen Produktverzeichnis.rounded-3) im ausgewogenen Grid-Layout (1 Hauptansicht über die gesamte Breite col-lg-12 und 2 Detailansichten über die halbe Breite col-lg-6).lufterwaermer-heiz-kit-rund-01.png bis lufterwaermer-heiz-kit-rund-03.png) im öffentlichen Produktverzeichnis.rounded-3) unter Verwendung von durchgehend einspaltigen Grid-Cards (col-lg-12).lufterwaermer-heiz-kit-eckig-01.png bis lufterwaermer-heiz-kit-eckig-04.png) im öffentlichen Produktverzeichnis.rounded-3) im ausgewogenen Grid-Layout (analog zum Design des Kanaleinbaus mit Flanschplatte).lufterwaermer-rohr-01.png bis lufterwaermer-rohr-05.png) im öffentlichen Produktverzeichnis.rounded-3) im Grid-Layout, exakt orientiert am Design des Geräteeinschubs.col-12-Karte mit horizontalem Desktop-Layout (Bild links, Text rechts) unter Verwendung des Unterseiten-Hintergrundbildes Header/eigene-herstellung.webp.col-12-Karte im horizontalen Format mit Header/header-bleche-und-profile.webp.col-md-6):Header/gepruefte-sicherheit.png (positioniert bei 13% Vertikalwert).Header/individuelle-fertigung.png.Header/reinraum-tauglichkeit.png (45% Vertikalwert).Header/ersatzteil-sicherheit.png (54% Vertikalwert).Header/umwelt-im-blick.png (49% Vertikalwert)..teaser-card-Animationen (Kartenanhebung bei Hover, flüssiger Bild-Zoom, Verschiebung des Pfeil-Icons und blauer Rahmen-Glow) in styles.scss (DRY-Konzept).app.routes.ts zur direkten Adressierung der Landingpage./anwendungsgebiete/maschinen-anlagenbau -> /anwendungsgebiete/maschinenbau sowie /anwendungsgebiete/energie-netze -> /anwendungsgebiete/energieerzeugung), um unerwünschte automatische Weiterleitungen auszuschließen.Anwendungsgebiete.md.<p>-Tags in den Anschlussplan-Tabellen für eine sauberere Codebasis und konsistente Formatierung.styles.scss für eine konsistente Darstellung über alle Produktseiten hinweg.GRI1-indoor.png.GRO1, GRO2, GRO3).GRO-OFFSHORE1.png.Stahlgitterpakete.png.optionen-teaser.png) in den Teaser zur Steigerung der visuellen Attraktivität.NG8002 Fehlers durch korrekte Bereitstellung des RouterLink in den Standalone-Komponenten der Erdungswiderstände..webp-Grafiken im neuen "Reinzeichnung"-Stil ersetzt.text-primary) und Schriftstärke (fw-bold) auf allen 13 Branchenseiten.assets/bauarten/elektrolufterwaermer/ Ordner zur besseren Wartbarkeit..webp Format für alle 11 Produktkategorien.styles.scss zur Sicherstellung der Wartbarkeit und Konsistenz..bauart-icon) mit dynamischem z-index, um saubere Überlagerungen benachbarter Elemente im Hover-Zustand zu gewährleisten.Anwendungsgebiete.md für interne Zwecke und als Content-Referenz hinzugefügt.ProductNavigationComponent für eine verbesserte Benutzerführung innerhalb der Kategorie "Sonstige Produkte".PRODUKTE_ROUTES und PRODUKTE_NAV_ITEMS zur besseren Strukturierung der Produktkategorien.Registerwiderstände und Rohrwiderstände Komponenten.Temperaturregelsysteme Angular-Komponente mit detaillierten technischen Informationen zu Thyristorstellern, SSR und Gebläsesteuerungen.ProductNavigationComponent für sequenzielle Navigation innerhalb der Kategorie "Sonstige Produkte"./produkte/sonstige-produkte/temperaturregelsysteme.PRODUKTE_NAV_ITEMS Konstanten um die neue Seite zur Anzeige im Mega-Menü und in der Sidebar.PRODUKTE_ROUTES und PRODUKTE_NAV_ITEMS: Umstellung der Einzelprodukte (Register-, Rohrwiderstände, Leistungssteller etc.) auf die neue hierarchische Struktur unterhalb von sonstige-produkte.ProductNavigationComponent für eine verbesserte Benutzerführung zwischen den Varianten./home auf die Root-URL /./home auf / zur Vermeidung von Duplicate Content.ProductNavigationComponent in allen verbleibenden Produkt-Unterseiten integriert.page-13.PNG, page-14.PNG) aufgeräumt.Erdungswinderstaende.md) bereitgestellt.ProductNavigationComponent für Vor/Zurück-Navigation zwischen Produktvarianten implementiert.btn-outline-primary und farblich abgesetzten Titeln.@if Control Flow.ProdukteNavigationComponent: Extraktion von Template und Styles in externe Dateien.@for Control Flow.scrollPositionRestoration: 'enabled').Verbessertes responsives Design auf der Homepage:
Widerstandsproduktion-Seite komplett überarbeitet:
Homepage-Links optimiert:
Seiten-Aufbau Korrekturen:
Neue wieso-witec-navigation Komponente für konsistente Sidebar-Navigation
Jumbotron-Header auf der Übersichtsseite
3-Spalten-Layout (Sidebar, Hauptinhalt, Kontakt-Card)
Content-Beschreibungen für alle 7 Wieso-Witec-Items
Breadcrumb-Navigation auf allen Unterseiten:
Struktur jetzt identisch mit Anwendungsgebiete-Bereich
Übersichtsseite mit Kontaktdaten und Adressinformationen
Unterseiten: Ansprechpartner und Anfahrt
Kontakt-Navigation für Sidebar mit dynamischer Generierung
Dropdown-Menü in der Navbar mit Tooltip-Integration
Breadcrumb-Navigation auf allen Unterseiten
Bootstrap-Tooltip-Direktive für verbesserte UX
DRY-Prinzip Implementierung:
Navbar Styling verbessert:
Mega-Menu Verbesserungen:
Interne Links optimiert:
Service-Bereich komplett implementiert
Produkte-Bereich komplett implementiert (35 Seiten)
produkte.constants.ts)