/* Blog & rechtliche Seiten — baut auf styles.css auf */
.page-hero{padding:150px 0 50px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#FBFAF7,#EDEAE3)}
.page-hero .display-md{margin:14px 0 0}
.page-hero p{color:var(--muted);max-width:60ch;margin:16px auto 0}
.article-wrap{max-width:760px;margin:0 auto;padding:120px 24px 64px}
.article-wrap h2{font-family:'Sora';font-size:1.6rem;margin:38px 0 14px;letter-spacing:-.01em}
.article-wrap h3{font-size:1.2rem;margin:26px 0 10px}
.article-wrap p{color:var(--ink-soft);margin-bottom:16px}
.article-wrap ul{margin:0 0 18px 22px;color:var(--ink-soft)}
.article-wrap li{margin-bottom:8px}
.article-wrap a{color:var(--orange-deep);text-decoration:underline}
.article-meta{font-size:.85rem;color:var(--muted);margin-bottom:8px}
.article-note{background:var(--bg-soft);border-left:3px solid var(--orange);border-radius:0 10px 10px 0;padding:12px 16px;font-size:.9rem;color:var(--muted)}
.article-note em{font-style:italic}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:980px;margin:0 auto;padding:64px 24px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.blog-card .bc-tag{height:120px;display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;font-size:4rem;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.5px var(--orange);background:linear-gradient(135deg,#FBFAF7,#F4F2ED)}
.blog-card .bc-body{padding:24px}
.blog-card h3{font-size:1.2rem;margin-bottom:8px}
.blog-card p{color:var(--ink-soft);font-size:.95rem;margin-bottom:14px}
.blog-card .bc-link{color:var(--orange-deep);font-weight:600;font-size:.92rem}
.back-link{display:inline-flex;gap:6px;align-items:center;font-weight:600;color:var(--orange-deep);margin-bottom:24px}
.cta-mini{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:30px;text-align:center;margin-top:40px}
.cta-mini h3{font-size:1.3rem;margin-bottom:10px}
.cta-mini p{margin-bottom:18px}
.cta-mini .btn{max-width:100%;white-space:normal}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}}