/* Studios Ratgeber / Blog */
main{display:block}
.blog-head,.blog-head2{max-width:1100px;margin:2.5rem auto 1rem;padding:0 1.5rem}
.blog-head h1{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.02em;color:#2C2C2C;margin:.3rem 0 .5rem}
.blog-head .eyebrow{color:#B08A45;font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.blog-sub{color:#6E6A62;max-width:65ch;font-size:1.08rem;line-height:1.6}
.blog-head2 h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.5rem;color:#2C2C2C}
.crumbs{font-size:.85rem;color:#8a857c;margin-bottom:.4rem}
.crumbs a{color:#B08A45;text-decoration:none}
.catgrid,.rcatgrid{max-width:1100px;margin:1rem auto;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.catcard{display:flex;flex-direction:column;gap:.4rem;background:#fff;border:1px solid rgba(44,44,44,.1);border-radius:16px;padding:1.4rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.catcard:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(44,44,44,.08);border-color:#C7A064}
.catcard__ic{width:34px;height:34px}
.catcard__t{font-family:'Montserrat',sans-serif;font-weight:700;color:#2C2C2C;font-size:1.1rem}
.catcard__d{color:#6E6A62;font-size:.9rem;line-height:1.45;flex:1}
.catcard__n{color:#B08A45;font-weight:700;font-size:.85rem}
.catchips{max-width:1100px;margin:0 auto 1rem;padding:0 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}
.catchip{font-size:.85rem;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(44,44,44,.14);color:#2C2C2C;text-decoration:none}
.catchip.is-active,.catchip:hover{background:#C7A064;border-color:#C7A064;color:#2C2C2C}
.bgrid{max-width:1100px;margin:1rem auto 3rem;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(44,44,44,.1);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(44,44,44,.1)}
.bcard__img img{width:100%;display:block;aspect-ratio:12/5;object-fit:cover}
.bcard__cat{color:#B08A45;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin:.9rem 1rem 0}
.bcard__title{font-family:'Montserrat',sans-serif;font-weight:700;color:#2C2C2C;font-size:1.08rem;line-height:1.3;margin:.3rem 1rem .2rem}
.bcard__meta{color:#8a857c;font-size:.84rem;margin:0 1rem 1.1rem}
/* Artikel */
.art{max-width:760px;margin:2rem auto 3rem;padding:0 1.5rem}
.art-head h1{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.8rem,4.2vw,2.6rem);line-height:1.15;letter-spacing:-.02em;color:#2C2C2C;margin:.4rem 0}
.art-cat{color:#B08A45;font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.art-meta{color:#8a857c;font-size:.88rem}
.art-hero img{width:100%;border-radius:16px;display:block;margin:1rem 0}
.art-intro{font-size:1.2rem;line-height:1.6;color:#2C2C2C;font-weight:500}
.art-tldr{background:#faf7f1;border-left:4px solid #C7A064;border-radius:10px;padding:1.1rem 1.3rem;margin:1.5rem 0}
.art-tldr h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:#B08A45;margin:0 0 .5rem;font-family:'Space Mono',monospace}
.art-tldr ul{margin:0;padding-left:1.1rem} .art-tldr li{margin:.3rem 0;color:#2C2C2C}
.art-body{font-size:1.06rem;line-height:1.75;color:#33312d}
.art-body h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.5rem;color:#2C2C2C;margin:2rem 0 .6rem}
.art-body h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.18rem;color:#2C2C2C;margin:1.4rem 0 .4rem}
.art-body p{margin:.7rem 0}
.art-body a{color:#B08A45;text-decoration:underline;text-underline-offset:2px}
.art-body ul,.art-body ol{margin:.6rem 0 .6rem 1.2rem} .art-body li{margin:.35rem 0}
.art-figure img{width:100%;border-radius:14px;display:block;margin:1.4rem 0}
.art-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.6rem 0}
.art-tag{font-size:.78rem;background:#f0ece4;color:#6E6A62;padding:.25rem .7rem;border-radius:999px}
.art-sources{background:#faf7f1;border-radius:12px;padding:1.1rem 1.3rem;margin:1.6rem 0}
.art-sources h2{font-size:1.05rem;color:#2C2C2C;margin:0 0 .5rem}
.art-sources ul{margin:0;padding-left:1.1rem} .art-sources a{color:#B08A45}
.art-cta{background:#2C2C2C;color:#F7F4EF;border-radius:18px;padding:2rem;text-align:center;margin:2.4rem 0}
.art-cta h2{color:#F7F4EF;font-family:'Montserrat',sans-serif;font-size:1.4rem;margin:0 0 .4rem}
.art-cta p{color:rgba(247,244,239,.8);margin:0 0 1.2rem}
.art-cta .btn{margin:.3rem}
.art-related{margin:2.4rem 0}
.art-related h2{font-size:1.3rem;color:#2C2C2C;font-family:'Montserrat',sans-serif}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}
.rcard{text-decoration:none;color:#2C2C2C}
.rcard img{width:100%;border-radius:10px;display:block;margin-bottom:.4rem}
.rcard span{font-weight:600;font-size:.92rem;line-height:1.3;display:block}
/* Home-Sektion Kategorien */
.rcatgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.rcat{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;background:#fff;border:1px solid rgba(44,44,44,.1);border-radius:14px;padding:1rem;text-decoration:none;transition:transform .2s,border-color .2s}
.rcat:hover{transform:translateY(-2px);border-color:#C7A064}
.rcat svg{width:26px;height:26px}
.rcat b{color:#2C2C2C;font-family:'Montserrat',sans-serif;font-size:.95rem}
.rcat small{color:#B08A45}
@media(max-width:600px){.art-cta{padding:1.4rem}}