# Herkunft der Bilder

## Produktfotos (alle 20 Karten)

Alle Kartenbilder der 20 Warengruppen sind **Aufnahmen aus dem Lager**, keine
Zeichnungen. Sie wurden aus den hochgeladenen Originalen umgerechnet: auf 4:3
beschnitten (Schwerpunkt leicht unter der Mitte, damit die Gebinde vollständig
im Bild bleiben), auf 1200 × 900 bzw. 600 × 450 skaliert.

```
PYTHONPATH=/tmp/pylibs python3 tools/import_photos.py <ordner mit den Originalen>
```

| Karte | Warengruppe laut Hinweistafel | Original (SHA256, gekürzt) |
|---|---|---|
| `prod-co200` | CO-200 · Helios/Color · Polyesterharze | `145d5184…` |
| `prod-co210` | CO-210 · Gelcoats & Topcoats | `902c6580…` |
| `prod-co220` | CO-220 · Pigmentpasten | `e75a224b…` |
| `prod-co230` | CO-230 · Reaktionsmittel, Peroxide & Beschleuniger | `177e8acb…` |
| `prod-co240` | CO-240 · Trennmittel, Additive & Hilfsstoffe | `fae402e5…` |
| `prod-co250` | Glasfaser-Rollen (Vorlage nur 250 × 200 px) | `a853c82f…` |
| `prod-co260` | CO-260 · Werkzeuge & Hilfsmittel | `d41710a2…` |
| `prod-hel01` | HEL-01 · Domalkyd Alkydharze | `0a376798…` |
| `prod-hel02` | HEL-02 · Domopol gesättigte Polyesterharze | `46bd396c…` |
| `prod-hel03` | HEL-03 · Domacryl Acrylatharz-Lösungen | `198db022…` |
| `prod-hel04` | HEL-04 · Domacryl für Strassenmarkierung | `52a5f326…` |
| `prod-hel05` | HEL-05 · Domemul wässerige Emulsionen | `c5950d20…` |
| `prod-hel06` | HEL-06 · Heliopol ungesättigte Polyesterharze | `7197651e…` |
| `prod-hel07` | HEL-07 · Heliomin Aminoharze | `81d60237…` |
| `prod-lr110` | LR-110 · Diverse Lieferwerke · Epoxidharze | `2fef1bcf…` |
| `prod-lr131` | LR-131 · Meta-Clean H-5 | `59b1a4c9…` |
| `prod-lr132` | LR-132 · Sikkative & Antihautmittel | `9927839d…` |
| `prod-lr133` | LR-133 · Benzoylperoxide | `c155e328…` |
| `prod-lr134` | LR-134 · Funktionelle Füllstoffe | `a5320a67…` |
| `prod-lr135` | LR-135 · Verdickungsmittel & pyrogene Kieselsäuren | `66f3db87…` |

Die Zuordnung stammt aus den Hinweistafeln auf den Fotos selbst.
**Vor einer Veröffentlichung prüfen, ob die Nutzungsrechte für diese Aufnahmen
bei der Novana GmbH liegen.**

Die Vorlage zu `prod-co250` ist mit 250 × 200 px deutlich kleiner als die
übrigen und deshalb im Kartenbild weicher. Ein grösseres Original wäre gut.

## Frühere Zeichnungen

Bis September 2026 waren diese Karten mit erzeugten Illustrationen bestückt.
Die Programme dafür liegen weiterhin im Projekt (`tools/generate_products.py`,
`tools/generate_binders.py`, `tools/generate_materials.py`); sie werden für die
Kartenbilder nicht mehr gebraucht.

## Leistungsbild «Einkauf & Sourcing»

`svc-sourcing` ist ebenfalls ein Foto: die Einkaufs- und Sourcing-Zentrale mit
Hochregal, Gabelstapler und Swissmem-Behältern. Gleicher Zuschnitt und gleiche
Ausgabegrössen wie die Produktfotos (Original 1534 × 1534 px).

## Anwendungsbilder (neun Karten)

Die neun Bilder im Abschnitt «Wofür unsere Rohstoffe eingesetzt werden» sind
Schaubilder: je Anwendung ein Hauptbild mit vier Detailausschnitten, einem
Farbband und einem Prozess-Streifen. Vorlagen 2048 × 2048 px, auf 4:3
beschnitten (Schwerpunkt bei 38 % von oben, damit die Titelzeilen bleiben).

| Karte | Schaubild |
|---|---|
| `app-road` | Strassenmarkierung — MMA & Kaltplastik |
| `app-rail` | Schienenfahrzeuge — selbstverlöschend & Brandschutz |
| `app-sewer` | Kanalrohrsanierung — grabenlos |
| `app-chemical` | Chemieanlagenbau — medienbeständig & Auskleidung |
| `app-floor` | Industrie- und Schutzböden — Epoxid & Bautenschutz |
| `app-wood` | Holz, Möbel & Baulacke — Holzlacke & Versiegelungen |
| `app-metal` | Metall & Coil — Einbrennlacke & Korrosionsschutz |
| `app-adhesive` | Klebstoffe & Dichtstoffe — Kleb- & Dichtstoffsysteme |
| `app-grp` | GFK-Verarbeitung — Roving, Gelege, Kernmaterialien |

Diese Bilder enthalten eigene Beschriftungen. Sie werden in den Karten auf
16:9 beschnitten, dabei verschwindet oben und unten ein Teil — die Titelzeile
der Schaubilder liegt im beschnittenen Bereich. Der volle Inhalt ist im
jeweiligen Produkt nicht sichtbar; dafür wäre ein eigenes Fenster nötig.

## Leistungsbilder (sechs Fotos)

Alle sechs Bilder im Abschnitt «Dienstleistungen» sind Fotos. Sie wurden
auf 4:3 beschnitten (Rahmen der Panels), auf 1200 x 900 bzw. 600 x 450
skaliert und mit `magick` (ImageMagick) umgerechnet.

| Leistung | Bild | Motiv |
|---|---|---|
| Einkauf & Sourcing | `svc-sourcing` | Lager mit Gabelstapler und Swissmem-Behältern |
| Technische Beratung | `svc-consulting` | Beratung am Monitor, beschriebene Wand |
| Logistik & Lager | `svc-logistics` | Lager-Leitstand mit Hochregal und Rampe |
| Risiko & Rahmenverträge | `svc-risk` | Risiko-Tafel mit SLA, Würfelmodell, Vertrag |
| Beschwerdemanagement | `svc-claims` | Prozesskette zur Reklamation im Lager |
| Markteinführung | `svc-launch` | Verkaufsstart mit Pavillon, Fahrzeugen, Publikum |

Die Zuschnitte setzen unterschiedliche Schwerpunkte: bei `svc-risk` liegt der
Bildausschnitt rechts, damit die ganze Risiko-Tafel sichtbar bleibt; bei
`svc-consulting` und `svc-claims` mittig.

## Übrige Bilder

Teamfotos, Logo (`brand/`), Titelbild und Vorschaubild stammen von der
bestehenden Website der Novana GmbH und wurden unverändert übernommen.

Ausnahme: Die beiden Porträts von Renee Müller (`team/renee-420.*`,
`team/renee-640.*`) und Reto Müller (`team/reto-420.*`, `team/reto-640.*`) wurden
am 28.10.2026 durch neuere Fotos der Novana GmbH ersetzt (Originale 631 × 1014 px
und 640 × 999 px). Zuschnitt auf 3:4 mit dem Gesicht im oberen Drittel, damit die
Bilder in beiden Einbindungen sitzen: grosse Karte (`person-photo`, 4:5) und
kleine Karte (`person-card-photo`, 74 × 92 px).

Ebenfalls ersetzt am 28.10.2026: das gemeinsame Bild im Abschnitt „Über uns"
(`team/portrait-600.*`, `team/portrait-900.*`, Original 693 × 922 px). Neu im
Format 4:5 (900 × 1125 px) statt des bisherigen Querformats; die Höhe ist in
`index.html` (Attribut `height`) und in `PORTRAIT` in `assets/data.js` entsprechend
angepasst.