/* Blog – azav-experte.de */
.crumbs { font-size: 15px; color: var(--ink-soft); margin-bottom: 18px; }
.crumbs a { color: var(--blue-ink); text-decoration: none; }
.lead-text { font-size: 20px; color: var(--ink-soft); max-width: 680px; }
.post-list { list-style: none; margin: 40px 0 0; padding: 0; border-top: 2px solid var(--night); }
.post-list li { border-bottom: 1px solid var(--line); }
.post-list a { display: block; padding: 28px 0; color: var(--ink); text-decoration: none; }
.post-list time, .post-meta { color: var(--ink-soft); font-size: 15px; }
.post-list h2 { font-size: clamp(24px, 3vw, 30px); margin: .3em 0; }
.post-list a:hover h2 { color: var(--blue-ink); }
.post-list p { color: var(--ink-soft); margin: 0 0 .6em; }
.post-list .more { font-weight: 700; color: var(--blue-ink); }
.post-empty { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 36px; margin-top: 40px; }
.post-empty h2 { margin-top: 0; }
.blog-post .prose { margin-top: 28px; }
.blog-post .prose p, .blog-post .prose li { color: var(--ink); }
.blog-post .prose .intro { font-size: 21px; color: var(--night); }
.blog-post .prose h2 { font-size: clamp(24px, 3vw, 30px); margin-top: 1.7em; }
.blog-post .prose ul { padding-left: 1.3em; }
.blog-post .prose li { margin-bottom: .4em; }
.blog-post .cover { width: 100%; height: auto; border-radius: var(--radius); margin: 18px 0 8px; box-shadow: var(--shadow); }
.blog-faq details { background: var(--white); border: 1px solid var(--line); border-radius: 14px; margin-bottom: 10px; }
.blog-faq summary { cursor: pointer; list-style: none; padding: 18px 50px 18px 20px; position: relative; font: 700 18px/1.35 "Poppins", system-ui, sans-serif; }
.blog-faq summary::-webkit-details-marker { display: none; }
.blog-faq summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 24px; color: var(--blue); transition: transform .2s; }
.blog-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.blog-faq details p { padding: 0 20px 16px; margin: 0; color: var(--ink-soft); }
.blog-post .slogan { margin-top: 2em; }
.post-cta { margin-top: 48px; background: var(--night); color: #DCE6F3; border-radius: var(--radius); padding: 34px; border-left: 6px solid var(--amber); }
.post-cta h2 { color: #fff; margin-top: 0; font-size: 26px; }
.post-cta p { color: #DCE6F3 !important; }
