/* Natives redaktionelles Single — Lovable /blog/<slug> (gemessen 2026-06-23).
   Schmale Content-Spalte 896px zentriert, Container 1400px. BEM, kein Inline-CSS. */
.ketex-magazin-single__wrap { max-width: 1400px; margin: 0 auto; padding: 1.5rem 40px 4rem; }
.ketex-magazin-single__article,
.ketex-magazin-single__comments,
.ketex-magazin-single__related { max-width: 896px; margin-left: auto; margin-right: auto; }

.ketex-magazin-single__meta {
  display: flex; align-items: center; gap: 0.75rem;
  font-family: var(--ketex-font-ui); font-size: 12px; color: var(--ketex-kicker-color); margin-bottom: 1rem;
}
.ketex-magazin-single__title {
  font-family: var(--ketex-font-title); font-weight: var(--ketex-title-weight); font-size: var(--ketex-title-page); line-height: 1.15;
  color: #2A2622; margin: 0 0 1.5rem;
}
.ketex-magazin-single__hero { margin: 0 0 2rem; }
.ketex-magazin-single__hero img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; border-radius: 0; }

.ketex-magazin-single__content { font-family: var(--ketex-font-ui); color: var(--ketex-text); line-height: 1.7; }
.ketex-magazin-single__content h2 { font-family: var(--ketex-font-title); font-weight: 400; font-size: var(--ketex-title-section); margin: 2rem 0 0.75rem; }

.ketex-magazin-single__related { margin-top: 4rem; }
.ketex-magazin-single__related-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1.25rem; }
.ketex-magazin-single__related-title { font-family: var(--ketex-font-title); font-weight: 400; font-size: var(--ketex-title-card); margin: 0; }
.ketex-magazin-single__related-all { font-family: var(--ketex-font-ui); font-size: 14px; color: #B8452E; text-decoration: none; }

/* Grid für „Weitere Beiträge" — 1→2→3 Spalten (analog .ketex-editorial-archive__list) */
.ketex-editorial-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) { .ketex-editorial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 980px) { .ketex-editorial-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 767px) {
  .ketex-magazin-single__wrap { padding: 1rem 20px 3rem; }
  .ketex-magazin-single__title { font-size: 1.75rem; }
}