/* SOTA-N/A: eine einzige Deklaration fuer einen Abstand. Keine Werkzeug- oder
 * Musterwahl, keine Abhaengigkeit.
 *
 * offenlegung.css — der Abstand unter dem Hinweis auf die Stellvertretung.
 *
 * ══════════════════════════════════════════════════════════════════════════════
 * WARUM ES DIESE EINE ZEILE BRAUCHT
 * ══════════════════════════════════════════════════════════════════════════════
 * Der Hinweis („Ihr Vertragspartner: …") steht zwischen dem Datenschutz-Haekchen und
 * dem Absendeknopf. Gemessen am gerenderten Bild (1280 px, 06.08.2026):
 *
 *     Abstand Haekchen -> Hinweis   20 px   ✅ (kommt von .datenschutz)
 *     Abstand Hinweis  -> Knopf      0 px   🔴 der Satz klebte am Knopf
 *
 * ⚠ ZWEI WEGE AUS DEM BESTAND WURDEN GEPRUEFT UND VERWORFEN:
 *
 *   1. Klasse `bottom-20`. Sie sieht im Stylesheet richtig aus
 *      (`margin-bottom: 20px`), steht dort aber INNERHALB von
 *      `@media screen and (max-width: 767px)` — auf dem Rechner wirkt sie NICHT.
 *      Eingebaut und nachgemessen: der Abstand blieb 0 px. Genau die Sorte
 *      Aenderung, die im Quelltext richtig aussieht und am Bildschirm nichts tut.
 *      Die einzige Fassung, die auf breiten Schirmen greift, ist
 *      `.service-paragraph._80.bottom-20` — sie braucht drei Klassen und bringt
 *      Schriftgroesse und Zeilenbreite des AGB-Absatzes mit. Das waere eine
 *      Gestaltungsaenderung, kein Abstand.
 *
 *   2. Klasse `datenschutz`. Sie liefert genau die 20 px und wird im selben
 *      Formular schon benutzt — aber sie am Hinweis auf den Vertragspartner zu
 *      verwenden, waere eine Falschbenennung. Der naechste Leser suchte dort eine
 *      Datenschutzangabe.
 *
 * Deshalb hier EINE Regel, die nichts als den Abstand setzt. Sie erfindet keine
 * Gestaltung: 20 px ist derselbe Wert, den das Element darueber schon benutzt.
 * Eingehaengt nur auf den Seiten mit Anfrageformular.
 */

.offenlegung {
  margin-bottom: 20px;
}