# Dokumentenblöcke (Inhalt & Styles)

Die Karte **„Dokumenten Template bearbeiten (allgemeine Einstellungen)"** unterteilt das Dokument in sechs Bereiche. Für jeden Bereich können Sie einen eigenen **Inhalt** (Rich-Text) und ein eigenes **CSS** (Style) hinterlegen. Über das Dropdown wählen Sie den zu bearbeitenden Block aus.

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

## Die sechs Blöcke

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

| Block               | Position im Dokument          | Greift im Template auf                                |
| ------------------- | ----------------------------- | ----------------------------------------------------- |
| **Briefkopf**       | Kopfbereich oben              | `header { … }`                                        |
| **Empfänger**       | Empfänger-/Lieferadresse      | `.recipient-address-container { … }`                  |
| **Absender**        | Absenderzeile                 | `.sender-address-container { … }`                     |
| **Positionen**      | Oberhalb der Positionstabelle | `.hue-costom-document__positions`, `.line-item-table` |
| **Zusammenfassung** | Summenbereich                 | `.payment-shipping-container { … }`                   |
| **Fußzeile**        | Fußbereich unten              | `footer { … }`                                        |

## Inhalt (Rich-Text)

Das Inhaltsfeld ist ein Rich-Text-Editor. Der eingegebene Inhalt wird an der jeweiligen Stelle im Dokument eingefügt:

* **Briefkopf, Empfänger, Absender, Positionen, Zusammenfassung, Fußzeile** – Hinterlegen Sie hier z. B. zusätzliche Texte, Hinweise, Logos (als HTML) oder rechtliche Angaben.
* Wird für die **Fußzeile** ein Inhalt hinterlegt, ersetzt dieser die komplette Standard-Fußzeile von Shopware (vier Spalten). Lassen Sie das Feld leer, bleibt die Standard-Fußzeile erhalten.
* Der **Positionen**-Inhalt wird **oberhalb** der Positionstabelle ausgegeben.
* Der **Zusammenfassung**-Inhalt wird **innerhalb** des Zahlungs-/Versandbereichs ergänzt.

> **Hinweis:** Der Inhalt wird als HTML eingebunden (`raw`). Sie können also HTML-Markup verwenden. Achten Sie auf valides, geschlossenes Markup, damit das PDF korrekt gerendert wird.

## Style (CSS)

Das Style-Feld ist ein Code-Editor. Das hinterlegte CSS wird in den `<style>`-Block des Dokuments geschrieben und auf den jeweiligen Container angewendet (siehe Tabelle oben). Sie schreiben dabei nur die **CSS-Regeln** (Eigenschaften), nicht den Selektor – dieser wird vom Plugin automatisch gesetzt.

**Beispiel – Briefkopf (Block „Briefkopf"):**

```css
text-align: center;
padding-bottom: 20px;
border-bottom: 2px solid #000;
```

Dies erzeugt im Dokument:

```css
header {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
}
```

**Beispiel – Empfängeradresse (Block „Empfänger"):**

```css
font-size: 11px;
line-height: 1.4;
color: #333;
```

## Sprachumschalter

Inhalte und Styles werden **pro Sprache** gespeichert. Über den Sprachumschalter (rechts oben in der Karte) wechseln Sie die Sprache. Beim Wechsel werden die für diese Sprache gespeicherten Werte geladen.

> **Tipp:** Speichern Sie Ihre Änderungen, bevor Sie die Sprache wechseln, damit keine Eingaben verloren gehen.

## Lieferdatum ausblenden

Über den Schalter **„Lieferdatum ausblenden"** (oben in der Karte) können Sie das Lieferdatum im Dokument ausblenden. Die Einstellung wird pro Dokumentkonfiguration gespeichert.


---

# 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.hubyte.de/pdf-dokumenten-template-bearbeiten/dokument-bloecke.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.