/* ─── Kreativloft AGB ────────────────────────────────────────────────────── */
/* Professioneller Rechtstext-Stil — neutral, lesbar, druckfreundlich.         */

.kb-agb {
  --kb-agb-accent:  var(--kb-accent,  #de652f);
  --kb-agb-muted:   var(--kb-muted,   rgba(36,37,44,.50));
  --kb-agb-border:  var(--kb-border,  #E8DDD2);
  --kb-agb-line:    #EDEBE7;
  font-size: inherit;
  color: var(--kb-body, inherit);
  max-width: 100%;
  counter-reset: agb-section;
}

/* ── Unstyled-Variante ────────────────────────────────────────────────────── */
.kb-agb--unstyled,
.kb-agb--unstyled .kb-agb__section,
.kb-agb--unstyled .kb-agb__heading,
.kb-agb--unstyled .kb-agb__content {
  all: revert;
}

/* ── Footer (Meta-Zeile) ──────────────────────────────────────────────────── */
.kb-agb__meta {
  margin: 24px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--kb-agb-line);
  font-size: .82em;
  color: var(--kb-agb-muted);
  letter-spacing: .02em;
}

/* Letzte Section liefert keine border-bottom mehr (last-of-type greift trotz
   nachfolgendem .kb-agb__meta-Absatz), daher kein doppelter Strich. */

/* ── Abschnitt ────────────────────────────────────────────────────────────── */
.kb-agb__section {
  padding: 24px 0;
  border-bottom: 1px solid var(--kb-agb-line);
}

.kb-agb__section:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

/* ── Überschrift ──────────────────────────────────────────────────────────── */
.kb-agb__heading {
  font-family: var(--kb-font-heading, inherit);
  font-size: 1.05em;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 14px;
  color: inherit;
}

/* ── Inhalt / Listenstruktur ──────────────────────────────────────────────── */
.kb-agb__content {
  font-size: .93em;
  line-height: 1.75;
  color: inherit;
}

/* Nummerierte Hauptliste (1. 2. 3. …)
   ::before ist absolut positioniert, damit HTML-Kindelemente (strong, a, …)
   NICHT als Grid-Items behandelt werden und buchstabenweise umbrechen. */
.kb-agb__content > ol {
  list-style: none;
  counter-reset: agb-item;
  margin: 0;
  padding: 0;
}

.kb-agb__content > ol > li {
  counter-increment: agb-item;
  position: relative;
  padding: 4px 0 4px 32px;
}

.kb-agb__content > ol > li::before {
  content: counter(agb-item) ".";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 22px;
  text-align: right;
  font-weight: 600;
  color: var(--kb-agb-muted);
  font-size: .88em;
  line-height: 1.4;
}

/* Buchstabenliste (a) b) c) …) — Unterpunkte */
.kb-agb__content ol[type="a"] {
  list-style: none;
  counter-reset: agb-sub;
  margin: 8px 0 4px 0;
  padding: 0;
}

.kb-agb__content ol[type="a"] > li {
  counter-increment: agb-sub;
  position: relative;
  padding: 3px 0 3px 26px;
}

.kb-agb__content ol[type="a"] > li::before {
  content: counter(agb-sub, lower-alpha) ")";
  position: absolute;
  left: 0;
  top: 0.28em;
  width: 20px;
  font-weight: 500;
  color: var(--kb-agb-muted);
  font-size: .85em;
  line-height: 1.4;
}

/* Links im Inhalt */
.kb-agb__content a {
  color: var(--kb-agb-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ── Drucklayout ──────────────────────────────────────────────────────────── */
@media print {
  .kb-agb {
    font-size: 11pt;
    color: #000;
  }
  .kb-agb__section {
    page-break-inside: avoid;
  }
}