> For the complete documentation index, see [llms.txt](https://docs.hubyte.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hubyte.de/pdf-dokumenten-template-bearbeiten/dokument-bloecke.md).

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