/* v522 – gemeinsame Blogdetail-Erweiterungen */
.page-v522-blog .blog-detail-lt-hero .lt-hero__bg-img {
  object-position: center center;
}

.page-v522-blog .v522-lead {
  max-width: 920px;
  margin: 0 auto;
  padding: 2rem;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(232, 244, 253, 0.72), rgba(102, 255, 126, 0.08));
  border: 1px solid rgba(26, 35, 50, 0.08);
}

.page-v522-blog .v522-lead p {
  margin: 0;
  color: #374151;
  font-size: 1.08rem;
  line-height: 1.8;
}

.page-v522-blog .v522-lead p + p {
  margin-top: 1rem;
}

.page-v522-blog .v522-section-content {
  max-width: 880px;
  margin: 0 auto;
}

.page-v522-blog .v522-section-content p,
.page-v522-blog .v522-section-content li {
  color: #374151;
  font-size: 1rem;
  line-height: 1.82;
}

.page-v522-blog .v522-section-content p {
  margin: 0 0 1.15rem;
}

.page-v522-blog .v522-section-content ul,
.page-v522-blog .v522-section-content ol {
  margin: 1.2rem 0 1.7rem;
  padding-left: 1.35rem;
}

.page-v522-blog .v522-section-content li + li {
  margin-top: 0.65rem;
}

.page-v522-blog .v522-section-content h3 {
  margin: 2rem 0 0.8rem;
  color: #111827;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: clamp(1.18rem, 2.1vw, 1.45rem);
  line-height: 1.3;
}

.page-v522-blog .v522-source-note {
  max-width: 880px;
  margin: 2.2rem auto 0;
  padding: 1.1rem 1.25rem;
  border-left: 4px solid #66ff7e;
  border-radius: 0 14px 14px 0;
  background: #f8faf9;
  color: #4b5563;
  font-size: 0.88rem;
  line-height: 1.65;
}

.page-v522-blog .v522-source-note strong {
  color: #111827;
}

.page-v522-blog .v522-source-note a {
  color: #111827;
  text-decoration-color: #66ff7e;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.page-v522-blog .v522-legal-note {
  max-width: 880px;
  margin: 1.5rem auto 0;
  color: #6b7280;
  font-size: 0.82rem;
  line-height: 1.6;
}

.page-v522-blog .faq-section .faq-item__answer p,
.page-v522-blog .faq-section .faq-item__answer li {
  color: #4b5563;
  line-height: 1.7;
}

/* Übersichtskategorien */
.blog-card__category.badge--v522 {
  background: #dbeafe;
  color: #111827;
  border-radius: 6px;
}

/* gezielt nachgeladene Markenfarbe für Hervorhebungen in Blogüberschriften */
body.page-blog-post .blog-detail-lt-hero .lt-hero__title > span,
body.page-blog-post .bsec__title > span,
body.page-blog-post .heading-subsection > span,
body.page-blog-post .bf-section__highlight,
body.page-blog-post h2 .accent-green,
body.page-blog-post h3 .accent-green,
body.page-blog-post .lt-demo-cta__highlight {
  color: #66ff7e !important;
}

html[data-theme='dark'] body.page-blog-post .v522-lead {
  background: linear-gradient(135deg, rgba(50, 71, 92, 0.52), rgba(102, 255, 126, 0.08));
  border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme='dark'] body.page-blog-post .v522-lead p,
html[data-theme='dark'] body.page-blog-post .v522-section-content p,
html[data-theme='dark'] body.page-blog-post .v522-section-content li {
  color: #cbd5e1;
}

html[data-theme='dark'] body.page-blog-post .v522-section-content h3,
html[data-theme='dark'] body.page-blog-post .v522-source-note strong {
  color: #f8fafc;
}

html[data-theme='dark'] body.page-blog-post .v522-source-note {
  background: rgba(255, 255, 255, 0.04);
  color: #cbd5e1;
}

html[data-theme='dark'] body.page-blog-post .v522-source-note a {
  color: #f8fafc;
}

@media (max-width: 768px) {
  .page-v522-blog .blog-detail-lt-hero .lt-hero__bg-img {
    object-position: 67% center;
  }

  .page-v522-blog .v522-lead {
    padding: 1.35rem;
    border-radius: 16px;
  }

  .page-v522-blog .v522-lead p,
  .page-v522-blog .v522-section-content p,
  .page-v522-blog .v522-section-content li {
    font-size: 0.96rem;
  }

  .page-v522-blog .v522-source-note {
    margin-top: 1.7rem;
  }
}