/*----------- BLOG ------------*/
.blog-hero{background:#0b0b0b;color:#fff;margin-top:95px;padding:3.5rem 0}
.blog-hero .blog-kicker{display:inline-block;color:#b31216;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:14px;margin-bottom:1rem}
.blog-hero h1{color:#fff;font-weight:900;line-height:1.2;font-size:clamp(1.8rem,4vw,2.8rem);max-width:900px}
.blog-hero .blog-lead{color:#ddd;font-size:1.15rem;max-width:760px;margin:1.2rem 0 0}
.blog-breadcrumb{font-size:14px;margin-bottom:1.5rem;color:#aaa}
.blog-breadcrumb a{color:#aaa;text-decoration:none}
.blog-breadcrumb a:hover{color:#fff}
.blog-breadcrumb span{margin:0 .4rem}
.blog-meta{color:#aaa;font-size:14px;margin-top:1.2rem}

/* Übersicht */
.blog-list{padding:4rem 0 5rem}
.blog-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e5e5e5;text-decoration:none;color:#010101;transition:all .3s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.12);color:#010101}
.blog-card__img{background:#f2f2f2;aspect-ratio:16/10;overflow:hidden}
.blog-card__img img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.blog-card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.blog-card__cat{color:#b31216;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.6rem}
.blog-card h2{font-size:1.3rem;line-height:1.35;font-weight:700;margin-bottom:.8rem}
.blog-card p{color:#444;margin-bottom:1.2rem}
.blog-card__more{margin-top:auto;font-weight:700;color:#b31216;text-transform:uppercase;font-size:14px;letter-spacing:1px}

/* Artikel */
.blog-article{padding:4rem 0 5rem}
.blog-article .blog-content{max-width:780px;margin:0 auto;font-size:1.08rem;line-height:1.75}
.blog-content h2{font-size:1.65rem;font-weight:700;line-height:1.3;margin:3rem 0 1rem;padding-left:1rem;border-left:4px solid #b31216}
.blog-content p{margin-bottom:1.1rem}
.blog-content ul{margin:0 0 1.2rem;padding-left:1.2rem}
.blog-content ul li{margin-bottom:.35rem}
.blog-content ul li::marker{color:#b31216}
.blog-content a{color:#b31216}
.blog-figure{margin:2rem 0}
.blog-figure img{width:100%;height:auto;display:block;margin:0 auto}
.blog-figure figcaption{text-align:center;color:#777;font-size:14px;margin-top:.6rem}
.blog-note{background:#f5f5f5;border-left:4px solid #b31216;padding:1.3rem 1.5rem;margin:1.5rem 0}
.blog-note p:last-child{margin-bottom:0}
.blog-note small{color:#666}
.blog-cta{background:#0b0b0b;color:#fff;padding:2rem;margin:2.5rem 0;text-align:center}
.blog-cta p{color:#fff;font-size:1.15rem;margin-bottom:1.2rem}
.blog-cta .cta-button{color:#fff}
.blog-links{background:#f5f5f5;padding:1.5rem 1.8rem;margin-top:3rem}
.blog-links h2{border:0;padding:0;margin:0 0 .8rem;font-size:1.3rem}
.blog-links ul{margin:0}
@media (max-width:767px){
  .blog-hero{margin-top:60px;padding:2.5rem 0}
  .blog-content h2{font-size:1.35rem;margin-top:2.3rem}
  .blog-cta{padding:1.5rem 1rem}
}