/* Layout block text_section. Source: docs/design/referenz/04-bausteine.html, 02-artikel.html. */
.prose p { font-size: 17px; line-height: 1.7; color: var(--ink); }
.prose p + p { margin-top: 14px; }
.prose strong { font-weight: 600; }
.prose a { overflow-wrap: anywhere; } /* written-out URLs must not widen the page at 390 px */

@container page (min-width: 900px) {
  .prose p { font-size: 18px; }
}

/* Legal variant on Impressum / Datenschutz (11-impressum.html, 12-datenschutz.html). */
.legal-sec { margin-top: 32px; scroll-margin-top: 80px; }
.legal-sec h2 { font-size: 21px; font-weight: 800; margin-bottom: 10px; display: flex; gap: 10px; align-items: baseline; scroll-margin-top: 80px; }
.legal-sec h2 .no { font-family: var(--f-display); font-size: 13px; font-weight: 700; color: var(--brand-ink); background: var(--brand-soft); border-radius: var(--r-pill); min-width: 26px; height: 26px; display: inline-grid; place-items: center; flex: none; transform: translateY(-2px); }
.legal-sec .prose p { font-size: 16px; line-height: 1.65; }
.legal-sec a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--brand-deep); text-underline-offset: 3px; }

@container page (min-width: 900px) {
  .legal-sec h2 { font-size: 24px; }
  .legal-sec .prose p { font-size: 17px; }
}