/* ============ Blogartikel (09.10.2026) ============ */
.article{padding:clamp(2rem,5vw,4rem) 0 1rem}
.article-wrap{max-width:780px}
.crumbs{font-size:.9rem;color:var(--text-soft);margin-bottom:1.2rem}
.crumbs a{color:var(--secondary)}
.article h1{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.1;margin-bottom:1.6rem}
.article-hero{margin:0 0 2.2rem;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;background:var(--warm)}
.article-hero img,.article-body figure img{width:100%;height:100%;object-fit:cover;display:block}
.article-body{font-size:1.08rem;line-height:1.7}
.article-body h2{font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.25;margin:2.4rem 0 .9rem}
.article-body ul,.article-body ol{margin:0 0 1.3rem 1.3rem;color:var(--text-soft)}
.article-body ul{list-style:disc}.article-body ol{list-style:decimal}
.article-body li{margin-bottom:.5rem;padding-left:.2rem}
.article-body a:not(.btn){color:var(--secondary);text-decoration:underline}
.article-body figure{margin:2rem 0;border-radius:var(--radius);overflow:hidden}
.article-body hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}
.article-cta{margin-top:2rem}
.article-meta{font-size:.92rem;color:var(--text-soft);margin:-.6rem 0 1.6rem}
.article-body h3{font-size:1.2rem;margin:1.6rem 0 .6rem}
.speaker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0 2rem}
.article-body .speaker-grid figure{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--bg-elev);border:1px solid var(--line)}
.article-body .speaker-grid img{aspect-ratio:1;height:auto;object-fit:cover}
@media (max-width:520px){.speaker-grid{grid-template-columns:repeat(2,1fr)}}
.speaker-grid figcaption{font-size:.85rem;font-weight:600;padding:.5rem .7rem;color:var(--primary-deep)}
.faq-item{border:1px solid var(--line);border-radius:14px;background:var(--bg-elev);margin-bottom:.7rem}
.faq-item summary{cursor:pointer;font-weight:600;color:var(--primary-deep);padding:1rem 1.2rem;list-style:none}
.faq-item summary::after{content:"+";float:right;font-weight:700;color:var(--accent-deep)}
.faq-item[open] summary::after{content:"–"}
.faq-item p{padding:0 1.2rem 1rem;margin:0}
.author-box{display:flex;gap:1.2rem;align-items:center;margin:3rem 0 1rem;padding:1.4rem 1.5rem;border-radius:var(--radius);background:var(--warm)}
.author-box img{width:72px;height:72px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:14px;padding:.4rem}
.author-box p{margin:.3rem 0 0;font-size:.95rem;color:var(--text-soft)}
@media (max-width:520px){.author-box{flex-direction:column;align-items:flex-start}}