> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/vertrieb/angebote/dokumente-mit-nebeneinanderliegenden-spalten-gestalten.md).

# Dokumente mit nebeneinanderliegenden Spalten gestalten

Ordne Text, Bilder oder Tabellen im Dokumenteditor gezielt nebeneinander an und prüfe die automatische Spaltenanordnung vor der Verwendung.

Ein Spaltenlayout bringt Informationen zusammen, die der Leser gleichzeitig vergleichen oder erfassen soll. Statt erst einen längeren Text und danach ein Bild zu sehen, stehen beide Inhalte nebeneinander. Das eignet sich für eine kurze Leistungsbeschreibung mit passendem Bild, zwei Leistungsvarianten oder eine Erklärung neben einer kompakten Tabelle.

Die Spalten entstehen im Dokumenteditor automatisch: Du ziehst ein neues Element an die linke oder rechte Seite eines vorhandenen Elements und lässt es dort los. Die Quelle bestätigt diese Bedienung für Text, Bilder und Tabellen.

## Was nach dem Ablegen passiert

Der Editor fasst die nebeneinander abgelegten Elemente zu einer Spaltenanordnung zusammen. Die Inhalte stehen auf derselben horizontalen Ebene. Damit verändert sich nicht der Inhalt selbst, sondern seine Platzierung im Dokument.

Ein weiteres Element kann ebenfalls neben oder unter einem bestehenden Bereich abgelegt werden. Entscheidend ist die sichtbare Zielmarkierung beim Ziehen: Sie zeigt, an welcher Seite der Editor das Element nach dem Loslassen einordnet.

## Voraussetzungen

Bevor du startest, brauchst du:

* Zugriff auf **Produkte und Zahlungen > Dokumente und Verträge**.
* Ein bestehendes Dokument oder einen Vertrag, den du im Editor öffnen kannst.
* Mindestens zwei Inhalte, die sinnvoll gemeinsam gelesen werden sollen.
* Inhalte, die auch in schmalerer Darstellung verständlich bleiben. Die geprüfte Quelle beschreibt keine feste Breite, maximale Spaltenzahl oder eine besondere mobile Darstellung. Teste deshalb deine konkrete Anordnung vor dem Einsatz.

## Wann Spalten sinnvoll sind

| Ziel                                    | Sinnvolle Anordnung                      | Warum                                                               |
| --------------------------------------- | ---------------------------------------- | ------------------------------------------------------------------- |
| Ein Angebot soll schnell erfassbar sein | Kurzer Text links, passendes Bild rechts | Erklärung und Bild bleiben beim Lesen zusammen.                     |
| Zwei Varianten sollen verglichen werden | Eine Spalte je Variante                  | Unterschiede stehen auf gleicher Höhe.                              |
| Eine Übersicht benötigt Struktur        | Text neben einer kleinen Tabelle         | Die Einordnung bleibt sichtbar, während Werte überblickbar bleiben. |
| Ein Inhalt braucht viel Erklärung       | Inhalte untereinander lassen             | Lange Texte werden nebeneinander schnell schwer lesbar.             |

## Spalten im Dokumenteditor anlegen

1. Öffne **Produkte und Zahlungen > Dokumente und Verträge**.
2. Wähle das Dokument oder den Vertrag, den du bearbeiten möchtest.
3. Klicke auf das **Pluszeichen**, um ein erstes Element hinzuzufügen. Geeignet sind zum Beispiel ein Textblock, ein Bild oder eine Tabelle.
4. Ziehe das erste Element an die gewünschte Stelle im Dokument und lege es ab. Dieses Element bildet den Ausgangspunkt für die spätere Anordnung.
5. Öffne erneut das **Pluszeichen** und wähle das zweite Element aus.
6. Ziehe das neue Element langsam an die linke oder rechte Seite des bereits eingefügten Inhalts. Während des Ziehens zeigt der Editor eine farbige Umrandung oder Hervorhebung.
7. Beobachte die dunkler markierte Seite der Hervorhebung:
   * **links oder rechts markiert:** Das Element wird neben dem bestehenden Inhalt abgelegt und erzeugt eine Spaltenanordnung.
   * **oben oder unten markiert:** Das Element wird über oder unter dem bestehenden Inhalt abgelegt. Es entsteht keine nebeneinanderliegende Spalte.
8. Lass erst los, wenn die gewünschte Seite markiert ist. Der Editor ordnet die Inhalte automatisch nebeneinander an.
9. Kontrolliere direkt danach Reihenfolge, Lesefluss und Abstand. Ergänze weitere Elemente erst, wenn der erste Bereich klar aufgebaut ist.
10. Speichere das Dokument oder die Vorlage erst nach einer Vorschauprüfung.

## Sichtbare Bedienelemente und Hinweise

| Element oder Hinweis          | Bedeutung                                                  | Richtige Prüfung                                                 |
| ----------------------------- | ---------------------------------------------------------- | ---------------------------------------------------------------- |
| **Pluszeichen**               | Öffnet die Auswahl zum Hinzufügen eines weiteren Elements. | Nutze es für jedes neue Text-, Bild- oder Tabellenelement.       |
| Text, Bild oder Tabelle       | Inhalte, die nebeneinander angeordnet werden können.       | Wähle nur Elemente, die gemeinsam verständlich bleiben.          |
| Farbige Umrandung beim Ziehen | Zeigt einen möglichen Ablagebereich.                       | Noch nicht loslassen; die markierte Seite bestimmt die Position. |
| Dunkler markierte Kante       | Kennzeichnet die genaue Ablagerichtung.                    | Für Spalten muss die linke oder rechte Seite hervorgehoben sein. |
| Dokumenteditor                | Hier entsteht die Anordnung direkt beim Ablegen.           | Nach jedem Schritt den Lesefluss prüfen.                         |
| Vorschau                      | Kontrolliert das Ergebnis vor der Nutzung.                 | Prüfe besonders längere Texte, Tabellen und Bilder.              |

## So prüfst du das Ergebnis vollständig

Lege einen Testentwurf mit einem kurzen Textblock und einem Bild an.

1. Füge den Textblock zuerst ein und platziere ihn mittig auf der Seite.
2. Füge über das **Pluszeichen** ein Bild hinzu.
3. Ziehe das Bild an die rechte Seite des Textblocks. Warte, bis die rechte Seite als Ablageziel markiert ist.
4. Lass das Bild los und prüfe, ob Text und Bild wirklich auf gleicher Höhe stehen.
5. Öffne die Vorschau. Lies den Text durch und kontrolliere, ob das Bild neben der richtigen Erklärung steht.
6. Wiederhole den Test mit einer kleinen Tabelle statt des Bildes. So erkennst du, ob die gewählte Textmenge neben einer tabellarischen Übersicht noch gut lesbar ist.
7. Wenn du mehrere Spaltenbereiche im selben Dokument verwendest, prüfe jeden Abschnitt einzeln. Erst danach verwendest du die Anordnung in einem echten Dokument.

## Typische Fehler und ihre Lösung

* **Das Element landet unter statt neben dem Inhalt:** Ziehe es erneut an die linke oder rechte Seite. Achte vor dem Loslassen auf die dunkler markierte Kante.
* **Die falsche Seite wird markiert:** Bewege das Element langsam entlang des bestehenden Inhalts, bis sich die Hervorhebung auf die gewünschte Seite verschiebt. Erst dann loslassen.
* **Der Bereich wirkt überladen:** Reduziere die Textmenge oder ordne die Inhalte wieder untereinander an. Eine Spalte soll Orientierung schaffen, nicht zusätzlichen Druck erzeugen.
* **Bild und Text gehören nicht eindeutig zusammen:** Verwende eine kurze Überschrift oder verschiebe das Bild. Der Leser muss ohne Suchen erkennen, welches Bild welchen Inhalt erläutert.
* **Eine Tabelle wird neben Text unlesbar:** Vereinfache die Tabelle oder platziere sie unter der Erklärung. Die Quelle nennt keine feste Breite oder Mindestgröße, deshalb ist die Vorschau der maßgebliche Test.
* **Nach dem Einfügen ist der Aufbau unklar:** Arbeite schrittweise. Lege zuerst zwei Elemente sauber an und erweitere den Bereich erst danach.

## Grenzen der geprüften Funktion

Belegt ist das automatische Erstellen einer Spaltenanordnung durch Ablegen eines Textes, Bildes oder einer Tabelle neben einem vorhandenen Element. Die Quelle nennt keine feste Obergrenze für Spalten, keine genaue Breitensteuerung und keine zugesicherte Darstellung auf bestimmten Geräten.

Plane daher keine komplexen Raster ohne eigenen Test. Für klare, kurze Zweiervergleiche ist die Funktion gut geeignet. Bei langen Texten, großen Tabellen oder vielen visuellen Elementen bleibt eine Anordnung untereinander oft robuster.

## Praxisbeispiel: Zwei Leistungsvarianten verständlich darstellen

Du erstellst ein Dokument mit zwei Varianten einer Leistung. Zuerst fügst du links einen kurzen Textblock mit Überschrift und den wichtigsten Merkmalen der ersten Variante ein. Danach ziehst du einen zweiten Textblock an die rechte Seite und wartest, bis die rechte Ablagekante markiert ist.

Nach dem Loslassen stehen beide Varianten nebeneinander. Du ergänzt jeweils ein passendes Bild und prüfst die Vorschau: Die Überschriften, Beschreibungen und Bilder sind klar zugeordnet, ohne dass eine Spalte überfüllt wirkt.

Wenn die zweite Variante wesentlich mehr Erklärung benötigt, ordnest du ihre Details unterhalb des Vergleichs an. So bleibt der obere Bereich schnell erfassbar und die ausführliche Information geht nicht verloren.

## Kurz-Check vor der Verwendung

* Zwei Inhalte ausgewählt, die wirklich gemeinsam gelesen werden sollen
* Zweites Element an der linken oder rechten Seite abgelegt
* Zielmarkierung vor dem Loslassen kontrolliert
* Reihenfolge, Lesefluss und Zuordnung nach dem Ablegen geprüft
* Vorschau mit Text, Bild oder Tabelle kontrolliert
* Komplexe oder sehr lange Inhalte bei Bedarf wieder untereinander angeordnet


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/vertrieb/angebote/dokumente-mit-nebeneinanderliegenden-spalten-gestalten.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.