> For the complete documentation index, see [llms.txt](https://docs.lotta.schule/lotta/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lotta.schule/lotta/lotta-verwalten/lotta-einrichten/grundeinstellungen-and-darstellung.md).

# Grundeinstellungen & Darstellung

### Grundeinstellungen

<figure><img src="/files/MG7O6TRRranBqVofe1T5" alt=""><figcaption></figcaption></figure>

In den Grundeinstellungen können Sie aktuell den Namen der Webseite 1️⃣ anpassen und ein Logo 2️⃣ für Ihre Webseite bestimmen. Beides erscheint oberhalb des Menüs. Hier finden Sie auch die Domain, unter der ihr Lotta im Internet zu finden ist.

### Darstellung

#### Vorlagen & Farben

<figure><img src="/files/JSnDvzCTDybIfkmNkHgZ" alt=""><figcaption></figcaption></figure>

Unsere 4 Vorlagen sollen den Einstieg in die Gestaltung Ihres Lottas einfach machen. Klickt man auf eine Vorlage werden die Farben sofort angepasst. Nun hat man die Möglichkeit einzelne Farben zu ändern bzw. anzupassen.

{% hint style="info" %}
Jede Änderung wird sofort 1:1 übernommen. Bestätigen Sie Ihre Eingaben durch "SPEICHERN".
{% endhint %}

#### Maße

<figure><img src="/files/2l9pE8l9DApd48bEYXSV" alt=""><figcaption></figcaption></figure>

Im Eingabefeld "ABSTAND" bestimmen Sie den Abstand der Beitragsvorschauen zueinander. Und haben die Möglichkeit mit "RUNDUNGEN" die Ecken der Vorschauelemente und Button einzustellen.

#### Schriftarten

<figure><img src="/files/aDzkJjKJrgdPRqszu9z6" alt=""><figcaption></figcaption></figure>

Lotta hat eine große Auswahl an Schriften an Bord. Sie haben die Qual der Wahl welche Schriftart Sie für Überschriften und/oder den Fließtext verwenden.

### Das Hintergrundbild

<figure><img src="/files/VxZV6Pv9EOpGMjrnTysX" alt=""><figcaption></figcaption></figure>

Das Aussehen des Hintergrundes Ihres Lottas wir von zwei Einstellungen beeinflusst:

* durch die **Farbe** "**Seitenhintergrund**" (Farbe für den Hintergrund des gesamten Seiteninhalts) und
* die Art und Qualität des Hintergrundbildes.

{% hint style="info" %}
Bei der Verwendung eines Hintergrundbildes, wird die Farbe des Seitenhintergrundes unter Umständen nicht mehr sichbar, da das Hintergrundbild vor dem Seitenhintergrund platziert wird. Wir empfehlen die Verwendung von .png-Bildern, die mit Tranzparenzen gespeichert werden. Siehe Beispiel unten.
{% endhint %}

<figure><img src="/files/n6awZyiGAPAOa5qnMJpo" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">**A**</mark>:\
In dem Beispiel ist der Seitenhintergrund in einem pastellenen Blauton gestaltet. Über dem Hintergrund liegt ein Foto mit 80% Transparenz, welches als PNG-Datei gespeichert wurde.

<mark style="color:red;">**B**</mark>:\
In diesem Beispiel wurde ein Foto als JPG-Datei gewählt. Da JPG-Dateien keine Transparenzen speichern, sieht man den Blauton im Seitenhintergrund nicht mehr.

<mark style="color:red;">**C**</mark>:

Dieses Beispiel zeigt ein Lotta ohne Bild im Seitenhintergrund.