/* ============================================================
   Scriptbuilder – Content CSS
   Globale Klassen für die Darstellung von Block-Inhalten.
   Wird eingebunden von: Webapp (Editor-Vorschau) + Page-Renderer
   ============================================================ */

/* ── BREITEN-VARIABLEN ──────────────────────────────────────
   Hier zentral anpassen – wirkt sich auf alle Listen aus.

   wb1  = Bullet-Breite Ebene 1 (normal)
   wbp1 = Bullet-Breite Ebene 1 Plus (breitere Nummern, z.B. 10-12)
   wb2  = Gesamteinzug Ebene 2 (wb1 + Bullet-Breite Ebene 2)
   wb3  = Gesamteinzug Ebene 3
   wb4  = Gesamteinzug Ebene 4
   ──────────────────────────────────────────────────────────── */
:root {
  --wb1:  20px;
  --wbp1: 30px;
  --wb2:  40px;
  --wb3:  60px;
  --wb4:  80px;
}

/* ── VERTIKALE ABSTÄNDE (Regel G2) ── */
.abstand-small  { height: 8px; }
.abstand-middle { height: 16px; }
.abstand-big    { height: 28px; }

/* ── FLIESSTEXT ── */
.fliesstext {
  margin-bottom: 0;
}

/* ── EINZÜGE ── */
.einzug1-text     { margin-left: var(--wb1); }
.einzug1plus-text { margin-left: var(--wbp1); }
.einzug2-text     { margin-left: var(--wb2); }
.einzug3-text     { margin-left: var(--wb3); }

/* ── LISTEN-CONTAINER ── */
.container-liste {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}

/* ── BULLETS ── */
.liste1-bullet     { flex: 0 0 var(--wb1); }
.liste1plus-bullet { flex: 0 0 var(--wbp1); }

.liste2-bullet     { margin-left: var(--wb1); flex: 0 0 var(--wb1); }
.liste2plus-bullet { margin-left: var(--wb1); flex: 0 0 var(--wbp1); }

.liste3-bullet     { margin-left: var(--wb2); flex: 0 0 var(--wb1); }
.liste3plus-bullet { margin-left: var(--wb2); flex: 0 0 var(--wbp1); }

.liste4-bullet     { margin-left: var(--wb3); flex: 0 0 var(--wb1); }
.liste4plus-bullet { margin-left: var(--wb3); flex: 0 0 var(--wbp1); }

/* ── LISTE-TEXTE ── */
.liste1-text { flex: 1; }
.liste2-text { flex: 1; }
.liste3-text { flex: 1; }
.liste4-text { flex: 1; }