# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.lotta.schule/lotta/lotta-verwalten/lotta-einrichten/grundeinstellungen-and-darstellung.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.