/* Einzelner Beitrag (single.php) nach seite-artikel.html: zentrierter Kopf,
   Titelbild, darunter drei Spalten: Inhalt (klebt mit), Text, Randspalte für Notizen. */
.es-beitrag { --text: 19px; }
.lesebalken { position: fixed; z-index: 55; left: 0; top: 0; height: 3px; width: 100%; background: var(--k); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }
.kopf-a { padding-top: calc(env(safe-area-inset-top, 0px) + 128px); text-align: center; }
.kopf-a .eyebrow { color: var(--k); }
.kopf-a h1 { font-size: clamp(40px, 6.4vw, 92px); line-height: .95; letter-spacing: -.05em; font-weight: 650; margin: 14px auto 0; max-width: 16ch; }
.kopf-a__satz { color: var(--muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.5; max-width: 52ch; margin: 22px auto 0; }
.meta { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px; font-size: 14px; color: var(--muted); }
.meta__autor { display: flex; align-items: center; gap: 10px; color: var(--fg); font-weight: 600; text-decoration: none; }
.meta__autor img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.meta > span { display: inline-flex; align-items: center; gap: 8px; }
.meta > span::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--line); }

.artikel { display: grid; grid-template-columns: 210px minmax(0, 700px) 250px; justify-content: space-between; gap: 48px; padding-top: clamp(64px, 8vw, 110px); }

/* Fließtext */
.text { font-size: var(--text); line-height: 1.7; min-width: 0; }
.text > * { margin-top: 0; margin-bottom: 0; }
.text > * + * { margin-top: 1.1em; }
.text .is-style-vorspann { font-size: 1.22em; line-height: 1.55; letter-spacing: -.01em; color: var(--fg); }
.text h2 { font-size: clamp(28px, 2.6vw, 36px); line-height: 1.1; letter-spacing: -.035em; margin-top: 2.2em; scroll-margin-top: 110px; }
.text h3 { font-size: 22px; letter-spacing: -.02em; margin-top: 1.8em; }
.text p { color: color-mix(in srgb, var(--fg) 86%, transparent); }
.text a:not(.link-v):not(.folge):not(.knopf-v):not([class]) { color: var(--fg); text-decoration: underline; text-decoration-color: var(--k); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.text a:not(.link-v):not(.folge):not(.knopf-v):not([class]):hover { color: var(--k); }
.text strong { font-weight: 650; color: var(--fg); }
.text ul:not([class*="is-style"]):not(.schritte) { padding-left: 1.2em; }
.inhalt-mobil { display: none; }
@media (max-width: 1180px) {
  .artikel { grid-template-columns: 200px minmax(0, 1fr); }
  .randspalte-leer { display: none; }
}
@media (max-width: 860px) {
  .es-beitrag { --text: 17px; }
  .artikel { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .artikel > .inhalt { display: none; }
  .inhalt-mobil { display: block; border: 1.5px solid var(--line); border-radius: 18px; margin-bottom: 1.6em; }
  .inhalt-mobil summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; min-height: 54px; padding: 0 18px; font-size: 15px; font-weight: 600; }
  .inhalt-mobil summary::-webkit-details-marker { display: none; }
  .inhalt-mobil ol { margin: 0; padding: 0 18px 12px; list-style: none; }
  .inhalt-mobil a { display: flex; min-height: 42px; align-items: center; text-decoration: none !important; font-size: 15px; color: var(--muted) !important; border-top: 1px solid var(--line); }
}