/* ===== NAV (Zurück-Link, zentrierter Name) ===== */
.nav-back{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);text-decoration:none;transition:color .2s,transform .15s}
.nav-back svg{stroke:currentColor;transition:transform .2s}
.nav-back:hover{color:var(--green)}
.nav-back:hover svg{transform:translateX(-3px)}
.nav-name-center{position:absolute;left:50%;transform:translateX(-50%)}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-contact-link{font-size:14px;color:var(--ink-soft);text-decoration:none;transition:color .2s}
.nav-contact-link:hover{color:var(--green)}
@media(max-width:600px){
  .nav-name-center{display:none}
  .nav-back span{display:none}
  .nav-contact-link{display:none}
}

/* ===== BLOGARTIKEL — schlichte, textfokussierte Lesespalte ===== */

.blog-article{
  max-width:860px;
  margin:0 auto;
  padding:64px 24px 0;
}

/* --- Header --- */
.ba-header{margin-bottom:48px}
.ba-meta{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);
  letter-spacing:.04em;margin-bottom:24px;
}
.ba-category{color:var(--green);font-weight:500}
.ba-dot{opacity:.5}
.ba-title{
  font-size:clamp(34px,5vw,52px);
  line-height:1.12;letter-spacing:-.02em;font-weight:500;
  color:var(--ink);margin-bottom:24px;
}
.ba-lead{
  font-size:21px;line-height:1.6;color:var(--ink-soft);
  font-weight:300;
}

/* --- Titelbild --- */
.ba-hero-image{margin:0 0 48px}
.ba-hero-image img{
  width:100%;border-radius:16px;display:block;
  background:var(--green-light);
}
.ba-hero-image figcaption,
.ba-inline-image figcaption{
  font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);
  margin-top:10px;text-align:center;
}

/* --- Fließtext --- */
.ba-body{font-size:18px;line-height:1.75;color:var(--ink-soft)}
.ba-body > * + *{margin-top:24px}
.ba-body p{color:var(--ink-soft)}
.ba-body strong{color:var(--ink);font-weight:500}
.ba-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}
.ba-body a:hover{color:var(--green-dark)}

.ba-body h2{
  font-size:28px;line-height:1.25;font-weight:500;color:var(--ink);
  letter-spacing:-.01em;margin-top:48px;
}
.ba-body h3{
  font-size:21px;line-height:1.3;font-weight:500;color:var(--ink);
  margin-top:36px;
}

/* Zitat / Key-Insight */
.ba-body blockquote{
  margin:40px 0;padding:24px 28px;
  border-left:3px solid var(--green-mid);
  background:var(--green-light);
  border-radius:0 14px 14px 0;
  font-size:20px;line-height:1.55;color:var(--green-dark);
  font-weight:300;font-style:italic;
}

/* Listen */
.ba-body ul,.ba-body ol{padding-left:24px}
.ba-body li{margin-top:10px;color:var(--ink-soft)}
.ba-body li::marker{color:var(--green-mid)}

/* Bild im Text */
.ba-inline-image{margin:40px 0}
.ba-inline-image img{
  width:100%;border-radius:14px;display:block;
  background:var(--green-light);
}

/* --- Autor-Signatur --- */
.ba-author{
  display:flex;align-items:center;gap:16px;
  margin-top:64px;padding-top:32px;
  border-top:1px solid var(--border);
}
.ba-author-img{
  width:52px;height:52px;border-radius:50%;object-fit:cover;
  border:2px solid var(--green-light);
}
.ba-author div{display:flex;flex-direction:column;gap:2px}
.ba-author-name{font-family:var(--font-mono);font-size:14px;color:var(--ink)}
.ba-author-role{font-size:13px;color:var(--ink-muted)}

/* ===== WEITERE ARTIKEL ===== */
.ba-more{max-width:1240px;margin:80px auto 0;padding:0 56px 96px}
.ba-more-heading{
  font-size:24px;font-weight:500;color:var(--ink);
  letter-spacing:-.01em;margin-bottom:24px;
}
.ba-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ba-more-card{
  display:block;text-decoration:none;
  background:white;border:1px solid var(--border);
  border-radius:18px;padding:24px;
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
.ba-more-card:hover{
  border-color:var(--green-mid);transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(22,31,23,0.08);
}
.ba-more-cat{
  font-family:var(--font-mono);font-size:11px;color:var(--green);
  letter-spacing:.04em;
}
.ba-more-card h3{
  font-size:17px;font-weight:500;color:var(--ink);
  line-height:1.35;margin:10px 0 16px;
}
.ba-more-link{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);transition:color .2s}
.ba-more-card:hover .ba-more-link{color:var(--green)}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .ba-more{padding:0 32px 80px}
  .ba-more-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .blog-article{padding:40px 24px 0}
  .ba-header{margin-bottom:36px}
  .ba-lead{font-size:18px}
  .ba-body{font-size:16px}
  .ba-body h2{font-size:24px;margin-top:36px}
  .ba-body h3{font-size:19px}
  .ba-body blockquote{font-size:18px;padding:20px 22px}
  .ba-more{padding:0 20px 64px}
  .ba-more-grid{grid-template-columns:1fr}
}