# Stil-Editor

Der Style-Editor ist das Herz des Style-Bearbeitungsprozesses und besteht aus 4 Hauptbereichen, die Ihnen beim Entwerfen Ihres Styles helfen.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBbnvXKWEIQ8rxZvIJO%2F-MBbs5e73j5a3NTi4mgQ%2Fimage.png?alt=media\&token=c342fd25-11fa-496a-83f1-1ce835417e31)

* [Style](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/style) ermöglicht das Festlegen der allgemeinen Eigenschaften des Styles wie Name, Farben oder Kopfzeilenbild.
* [Theme](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/theme) ermöglicht das Definieren des allgemeinen Themes mit seinen Farben, Schriften und dem Gesamtlook, der global auf alle Formularelemente angewendet wird.
* [Elements](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/elements) ermöglicht Ihnen eine benutzerfreundliche individuelle Anpassung des Designs Ihrer Formularelemente.
* [CSS](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/css) gibt Ihnen die vollständige Kontrolle über Design und Layout des Styles, da Sie plain CSS-Code verwenden können, um alle Details Ihres Styles zu definieren. 

{% hint style="info" %}
Alle Änderungen, die Sie während des Bearbeitungsprozesses vornehmen, werden live auf die Umfrage rechts angewendet, sodass Sie sofort sehen können, ob Ihr Style gut oder schlecht aussieht.
{% endhint %}

## 💻 Zielgeräte

Da Befragte Ihre Umfrage mit verschiedenen Geräten ausfüllen können, müssen Sie möglicherweise [das Design anpassen](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/mobile-responsive-design) um ein bestimmtes Gerät anzupassen. Mit dem Zielgerät können Sie Ihren Style für ein [bestimmtes Gerät](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/mobile-responsive-design).  

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcQl5nAwvGjWz5r-3F%2F-MBcSrl_hobmv0OYkAWn%2Fimage.png?alt=media\&token=c49e6ef8-500d-4b80-a7ab-83d50c6261d6)

## 💢 Vorschau von Fehlern

Die Aktivierung der Vorschau-Fehlermeldungen-Eigenschaft zeigt alle Fehlermeldungen an, die normalerweise in Ihrer Umfrage erscheinen würden. Dadurch können Sie das Design der Fehlermeldungen definieren und während der Bearbeitung Ihres Styles in der Vorschau ansehen. 

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBc-WeV_4p5ioAkKy1Z%2F-MBcCJcvVOf5dBbNxmSx%2Fimage.png?alt=media\&token=cfb81429-76f0-4c91-9bbb-1d21dfea265a)

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBc-WeV_4p5ioAkKy1Z%2F-MBcC_b0tT935KaGzFIU%2Fimage.png?alt=media\&token=c69179dc-473d-43a5-a1f3-d17c4e4de41d)