/* === BLOG === */

/* Übersicht */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:32px}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}}
.post-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition)}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:transparent}
.post-card__img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block;background:var(--navy)}
.post-card__body{padding:24px 28px 28px;display:flex;flex-direction:column;flex:1}
.post-card__meta{font-size:.78rem;color:var(--gray-400);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.post-card__meta span+span::before{content:'\00b7';margin:0 8px}
.post-card h2{font-size:1.2rem;margin-bottom:10px;line-height:1.35}
.post-card p{color:var(--gray-600);font-size:.93rem;margin:0 0 16px;flex:1}
.post-card__more{color:var(--primary);font-weight:600;font-size:.9rem}
.post-card:hover h2{color:var(--primary)}

/* Artikel */
.article{max-width:760px;margin:0 auto}
.article__meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.85rem;color:var(--gray-500);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--gray-200)}
.article__meta strong{color:var(--navy);font-weight:600}
.article__hero{width:100%;border-radius:var(--radius);display:block;margin:0 0 32px}
.article__lead{font-size:1.15rem;line-height:1.75;color:var(--gray-600)}
.article h2{font-size:1.55rem;margin:44px 0 14px}
.article h3{font-size:1.2rem;margin:30px 0 10px}
.article p{line-height:1.75;color:var(--gray-700)}
.article ul,.article ol{margin:0 0 20px 22px;color:var(--gray-700);line-height:1.7}
.article ul{list-style:disc}
.article ol{list-style:decimal}
.article li{margin-bottom:6px}
.article li::marker{color:var(--primary)}
.article a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}
.article a:hover{color:var(--red-dark)}
.article a.btn{color:var(--white);text-decoration:none}
.article a.btn:hover{color:var(--white)}
.article strong{color:var(--navy)}
.article table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:.92rem}
.article th,.article td{padding:10px 12px;border-bottom:1px solid var(--gray-200);text-align:left;vertical-align:top}
.article th{background:var(--gray-50);color:var(--navy);font-weight:600}
.article .table-wrap{overflow-x:auto;margin-bottom:24px}
.article .table-wrap table{margin:0}

/* Hinweis-Kasten (Tipp / Achtung) */
.note{margin:24px 0;padding:18px 22px;border-radius:var(--radius);border-left:4px solid var(--primary);background:rgba(20,159,220,.06)}
.note--warn{border-left-color:#e0a100;background:rgba(224,161,0,.08)}
.note p{margin:0}
.note p+p{margin-top:8px}

/* Affiliate-Hinweis */
.aff-disclosure{font-size:.82rem;color:var(--gray-500);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:12px 16px;margin:0 0 28px}
.aff-disclosure p{margin:0;line-height:1.55}

/* Empfehlungs-Kasten (Produkt / Affiliate) */
.reco{display:flex;gap:22px;align-items:center;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:22px 24px;margin:28px 0;background:var(--white);transition:all var(--transition)}
.reco:hover{border-color:var(--primary);box-shadow:var(--shadow-card)}
.reco__icon{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius);background:linear-gradient(135deg,#001a33,#003d6b);display:flex;align-items:center;justify-content:center}
.reco__icon svg{width:30px;height:30px;stroke:var(--primary);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reco__body{flex:1;min-width:0}
.reco__label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:4px}
.reco__title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 6px}
.reco__text{font-size:.9rem;color:var(--gray-600);margin:0;line-height:1.55}
.reco .btn{flex-shrink:0;padding:12px 20px;font-size:.88rem;white-space:nowrap}
.reco--own{border-color:var(--primary);background:rgba(20,159,220,.04)}
@media(max-width:640px){
  .reco{flex-direction:column;align-items:flex-start}
  .reco .btn{width:100%;text-align:center}
}

/* Autor-Box */
.author{display:flex;gap:18px;align-items:center;margin:48px 0 0;padding:24px;background:var(--gray-50);border-radius:var(--radius-lg)}
.author__avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--navy);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem}
.author__body p{margin:0;font-size:.92rem;color:var(--gray-600);line-height:1.6}
.author__body strong{color:var(--navy)}

/* Weitere Artikel */
.related{margin-top:48px;padding-top:32px;border-top:1px solid var(--gray-200)}
.related h3{margin-bottom:16px}
.related ul{list-style:none;margin:0;padding:0}
.related li{padding:8px 0;border-bottom:1px solid var(--gray-100)}
.related a{text-decoration:none;color:var(--navy);font-weight:600}
.related a:hover{color:var(--primary)}