body{background:#efe8da;color:#233027}
.topbar{background:#102117;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .brand{color:#fff}.topbar .brand span{color:#7df0ae}
body::before{opacity:.14}
.blog-shell{width:min(1180px,94vw);margin:24px auto 64px;padding:56px;border-radius:34px;background:#fbf7ee;box-shadow:0 28px 80px rgba(35,48,39,.12)}
.blog-index{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
.blog-hero-copy h1{font-size:clamp(2.15rem,4vw,3.8rem);line-height:1.03;letter-spacing:-.04em;color:#1c2922;margin:12px 0 18px}
.blog-hero-copy .eyebrow,.article-hero .eyebrow{color:#2d7352}
.blog-hero-copy .lede{color:#5c6a62;font-size:1.14rem;line-height:1.65}
.index-cta,.hero-text-cta{display:inline-block;margin-top:18px;color:#215e42;font-weight:900;text-decoration:none}
.blog-hero-visual{margin:0}
.blog-hero-visual img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:28px}
.blog-hero-visual figcaption,.editorial-photo figcaption,.article-visual figcaption{color:#6d766f;font-size:.84rem;margin-top:9px}
.blog-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.blog-grid article{position:relative;overflow:hidden;padding:0 25px 26px;border:1px solid #ddd3c3;border-radius:24px;background:#fffdf8;box-shadow:0 12px 32px rgba(39,51,43,.06)}
.blog-grid article::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--card-accent)}
.blog-grid article>img{width:calc(100% + 50px);margin:0 -25px 22px;display:block;background:var(--card-pale);aspect-ratio:16/9;object-fit:cover}
.blog-grid h2{font-size:1.42rem;line-height:1.16;margin:0 0 12px}
.blog-grid h2 a{color:#213128}.blog-grid p{color:#68756e;line-height:1.55}.blog-grid a{color:#267a55;font-weight:850}.blog-article{max-width:1040px;margin:auto}
.article-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:22px 0 38px}
.article-hero__copy h1{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.04em;color:#1b2821;margin:10px 0 18px}
.article-hero__copy>p:last-of-type{font-size:1.12rem;line-height:1.6;color:#637067}
.article-hero figure{margin:0}
.article-hero img{width:100%;display:block;border-radius:28px;background:var(--article-pale)}
.editorial-photo{margin:12px auto 42px;max-width:880px}
.editorial-photo img{width:100%;height:auto;max-height:460px;object-fit:cover;display:block;border-radius:26px}
.article-body{max-width:790px;margin:0 auto}
.article-body>p,.article-body li{color:#46564d;font-size:1.07rem;line-height:1.78}
.article-body h2{font-size:clamp(1.75rem,3vw,2.45rem);color:#1d2b24;margin:48px 0 16px;letter-spacing:-.025em}
.article-body h3{font-size:1.3rem;color:#26372e;margin:30px 0 10px}
.article-body ul{padding-left:24px}
.article-body a{color:#267a55}
.article-body strong{color:#1b2821}
.article-visual{margin:38px -70px}
.article-visual img{width:100%;display:block;border-radius:24px;border:1px solid #e1d8ca;background:#fff}
.article-visual--insight{max-width:720px;margin:42px auto}
.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:36px -28px;padding:24px 26px;border-radius:22px;border:1px solid #d9cfbd}
.inline-cta--early{background:#f6eadc}
.inline-cta--mid{background:#e9f1eb}
.inline-cta--final{background:#24372c;color:#fff;margin-top:52px}
.inline-cta div{display:grid;gap:7px}
.inline-cta span{font-size:.72rem;letter-spacing:.13em;font-weight:900;color:#8a744f}
.inline-cta strong{max-width:520px;line-height:1.4}
.inline-cta--final strong,.inline-cta--final span{color:#fff}
.cta-button{flex:none;padding:13px 18px;border-radius:999px;background:#255f45;color:#fff!important;font-weight:900;text-decoration:none}
.inline-cta--final .cta-button{background:#f1d28a;color:#1c251f!important}.article--manuelle-marketing-uebergaben .article-hero{grid-template-columns:.9fr 1.1fr}
.article--marketing-zuerst-automatisieren .article-hero{grid-template-columns:1.12fr .88fr}
.article--mehr-marketing-tools-mehr-arbeit .editorial-photo{max-width:720px}
.article--inhaberabhaengigkeit-marketing-reduzieren .article-visual--insight{margin-left:0}
footer{color:#68756e;border-top:1px solid #d8d0c2}
@media(max-width:820px){
.blog-shell{width:94vw;margin:14px auto 46px;padding:24px 20px;border-radius:24px}
.blog-index,.article-hero{grid-template-columns:1fr;gap:22px}
.blog-hero-copy h1{font-size:clamp(1.9rem,8vw,2.3rem);line-height:1.06}.article-hero__copy h1{font-size:clamp(1.85rem,7.5vw,2.2rem);line-height:1.08}
.blog-hero-copy .lede,.article-hero__copy>p:last-of-type{font-size:1rem}
.blog-hero-visual img,.article-hero img{border-radius:20px}
.blog-grid{grid-template-columns:1fr;margin-top:8px}
.blog-grid article{padding:0 20px 22px}
.blog-grid article>img{width:calc(100% + 40px);margin:0 -20px 18px}
.blog-grid h2{font-size:1.3rem}
.editorial-photo{margin:4px 0 32px}
.editorial-photo img{border-radius:20px}
.article-body>p,.article-body li{font-size:1rem;line-height:1.64}
.article-body h2{font-size:clamp(1.55rem,7vw,2rem);line-height:1.12;margin-top:38px}
.article-visual{margin:30px 0}
.article-visual img{border-radius:18px}
.inline-cta{margin:28px 0;flex-direction:column;align-items:stretch;padding:21px}
.cta-button{text-align:center;width:100%}
}