Logos und Kundenbereich-CSS

Zuletzt geändert von MACH ProForms GmbH am 19.08.2025

Für einen erhöhten Wiedererkennungswert und gestärktes Vertrauen in Ihre Formulare statten Sie diese mit Ihrem Logo aus.
Auch den Kundenbereich können Sie mit Ihrem Logo und eigener Formatierung durch CSS gestalten. 

Die Anpassung der Bürgersicht-Darstellung mit CSS finden Sie im Formulareditor. Zum Artikel: CSS Einstellungen Bürgersicht.

Voraussetzungen

Benutzerrecht: "Layout verwalten"

Anpassen von Logos

Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS

Logo hinzufügen oder austauschen

  1. Logodatei nach den unten stehenden Vorgaben für den jeweiligen Bereich vorbereiten
  2. zum Absatz mit dem Datei-Hochladen-Feld des jeweiligen Logos navigieren
  3. Schaltfläche Logo auswählen/neues Logo auswählen anklicken
  4. im Datei-öffnen-Dialogfeld die vorbereitete Datei auswählen und öffnen
  5. Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
  6. Die Seite lädt neu. 
    Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant Mandantenname (Mandantennummer) wurde gespeichert."
  7. das neue Logo wird jetzt in den Mandantendetails und im jeweiligen Bereich angezeigt

Logo entfernen

  1. zum Datei-Hochladen-Feld des jeweiligen Logos navigieren
  2. Schaltfläche Logo löschen (Mülleimersymbol) anklicken
  3. Abfragedialog mit der Löschen-Schaltfläche bestätigen
  4. Das Logo ist entfernt.

Verschiedene Logos und ihre Platzierung

 Bezeichnungoptimale Bildgröße in Pixeln BxHDateiformate
1Logo für PDF-Formulare140 x 520 (maximal)JPEG/JPG
2Logo für den Kundenbereich110 x 46JPEG/JPG, PNG
3Logo für Assistenten228 x 90 (maximal)JPEG/JPG, PNG
4Logo für den Identitätsbereich750 x 90 (maximal)JPEG/JPG, PNG
5Logo für das SB-Terminal200 x 90PNG

Dateigröße: maximal 2 MB
Abweichungen von den empfohlenen Bildmaßen können zu ungewollten Skalierungen und Verzerrungen führen.

Logo 2, Platzierung KundenbereichLogo 3/4, Platzierung BürgersichtLogo 1, Platzierung PDF-FormularLogo 3/4, Platzierung generiertes PDF-Formular
KundenbereichBürgersichtPDF-Formulargeneriertes PDF-Formular

Anpassen von CSS

CSS Anweisungen können direkt in den Mandantendetails eingegeben werden oder aus einer extern abgelegten CSS-Datei abgerufen werden.

CSS-Datei einbinden

Die Datei muss für den Formularserver zugänglich im Internet verfügbar sein.

Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS

  1. zum Feld URL des externen CSS navigieren
  2. Internetadresse eingeben, unter der die CSS-Datei erreichbar ist
  3. Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
  4. Die Seite lädt neu. 
    Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant Mandantenname (Mandantennummer) wurde gespeichert."
  5. Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.

CSS-Code eingeben

Rufen Sie den Menüpunkt auf: Einstellungen > Eigenen Mandanten verwalten > Details
In den Mandantendetails öffnen Sie den Abschnitt: Logos und CSS

  1. zum Feld CSS-Code navigieren
  2. Gestaltungsanweisungen in das Feld eingeben
    zum Beispiel: body { color: #cc1216 !important; }
  3. Schaltfläche Speichern unterhalb der Mandanteneinstellungen anklicken
  4. Die Seite lädt neu. 
    Oben erscheint eine grün hinterlegte Erfolgsmeldung: "Der Mandant Mandantenname (Mandantennummer) wurde gespeichert."
  5. Der Kundenbereich ist jetzt nach den CSS-Anweisungen gestaltet.