/* Statische Blog-Artikelseiten (Nachbau der Elfsight-Detailansicht) */
.blog-article { max-width: 760px; margin: 0 auto; padding: 48px 24px 64px; }
.blog-article__back { display: inline-block; margin-bottom: 28px; color: #0e3693; font-size: 15px; font-weight: 600; text-decoration: none; }
.blog-article__back:hover { text-decoration: underline; }
.blog-article__title { font-size: 38px; line-height: 1.2; font-weight: 700; color: #161616; margin: 0 0 16px; }
.blog-article__desc { font-size: 18px; line-height: 1.5; font-weight: 700; color: #161616; margin: 0 0 12px; }
.blog-article__date { font-size: 14px; color: rgba(17,17,17,0.55); margin: 0 0 24px; }
.blog-article__hero { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0 0 28px; }
.blog-article__content { font-size: 16px; line-height: 1.65; color: #222; }
.blog-article__content p { margin: 0 0 16px; }
.blog-article__content img { max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; display: block; }
.blog-article__content a { color: #0e3693; }
@media (max-width: 600px) { .blog-article__title { font-size: 28px; } .blog-article { padding: 32px 16px 48px; } }