/* ============================================================
   SEO-/Content-Seiten (Artikel-Layout)
   ============================================================ */

.content-hero{background:radial-gradient(900px 380px at 80% -20%,rgba(62,204,92,.10),transparent 62%),
  linear-gradient(180deg,#fafcff,#fff);padding:60px 24px 36px;text-align:center}
.content-hero .tag{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-deep)}
.content-hero h1{font-size:clamp(30px,5vw,46px);font-weight:800;color:var(--navy);margin:12px 0 12px}
.content-hero p{font-size:18px;color:var(--muted);max-width:620px;margin:0 auto}

.article{max-width:760px;margin:0 auto;padding:34px 24px 72px}
.article h2{font-size:clamp(22px,3.2vw,28px);color:var(--navy);margin:38px 0 12px;font-family:'Sora','Inter',sans-serif}
.article h3{font-size:19px;color:var(--navy);margin:24px 0 8px;font-family:'Sora','Inter',sans-serif}
.article p{font-size:16.5px;color:var(--text);margin-bottom:14px;line-height:1.75}
.article ul,.article ol{margin:0 0 18px 22px}
.article li{font-size:16px;color:var(--text);margin-bottom:9px;line-height:1.6}
.article li b{color:var(--navy)}
.article a{color:var(--accent-deep);font-weight:600;text-decoration:underline}
.article .lead{font-size:19px;color:var(--muted);margin-bottom:8px}
.article .first{margin-top:8px}

.callout{background:var(--bg-soft);border:1px solid var(--line);border-left:4px solid var(--accent);
  border-radius:var(--radius-sm);padding:16px 18px;margin:22px 0}
.callout p{margin:0;font-size:15.5px;color:var(--text)}

.faq-item{border-bottom:1px solid var(--line);padding:18px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-weight:700;color:var(--navy);font-size:18px;margin:0 0 6px}
.faq-a{font-size:16px;color:var(--muted);margin:0;line-height:1.7}

.content-cta{background:var(--navy);border-radius:24px;padding:44px 30px;text-align:center;margin:44px 0 8px;position:relative;overflow:hidden}
.content-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(560px 200px at 50% -30%,rgba(62,204,92,.22),transparent 60%)}
.content-cta h2{color:#fff;font-size:26px;margin:0 0 10px;position:relative}
.content-cta p{color:#aeb9d4;margin:0 auto 22px;max-width:480px;position:relative}
.content-cta .btn{position:relative}

.related{margin-top:40px}
.related-h{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}
.related-links{display:flex;gap:10px;flex-wrap:wrap}
.related-links a{font-size:14px;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:9px 16px;transition:border-color .15s,color .15s}
.related-links a:hover{border-color:var(--accent-deep);color:var(--accent-deep)}