/* Behutsame Angleichung der Startseite an das bewährte Blog-Layout. */
:root {
  --site-ink: #26352f;
  --site-green: #285c4d;
  --site-muted: #68776f;
  --site-soft: #eef2ec;
  --site-line: #dce4db;
  --site-radius: 17px;
}

/* Fachartikel-Teaser: hell statt dunkler Hintergrund, stabiler Kontrast. */
body.home-editorial section.home-library-teaser {
  background: #f0f3ed !important;
  color: var(--site-ink) !important;
  border-top: 1px solid var(--site-line);
  border-bottom: 1px solid var(--site-line);
  position: relative;
  overflow: visible;
}
body.home-editorial section.home-library-teaser::before,
body.home-editorial section.home-library-teaser::after {display:none !important;content:none !important;}
body.home-editorial .home-library-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(200px,auto);
  gap: clamp(24px,4vw,56px);
  align-items:center;
  width:min(1140px,100%);
  margin:0 auto;
}
body.home-editorial .home-library-copy {max-width:790px;}
body.home-editorial .home-library-eyebrow {
  color:#315d4f !important;
  display:flex;
  align-items:center;
  gap:11px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin:0 0 16px;
}
body.home-editorial .home-library-eyebrow::before {
  content:"";height:2px;width:24px;flex:none;background:#bd9772;
}
body.home-editorial .home-library-copy h2,
body.home-editorial section.home-library-teaser h2 {
  color:#26352f !important;
  font-weight:750;
  font-size:clamp(30px,3.8vw,44px);
  line-height:1.15;
  margin:0 0 15px;
}
body.home-editorial .home-library-copy p:not(.home-library-eyebrow) {
  color:#596b60 !important;
  max-width:65ch;
  font-size:16px;
  line-height:1.67;
  margin:0;
}
body.home-editorial .home-library-actions {
  display:flex;flex-direction:column;align-items:flex-start;gap:14px;
}
body.home-editorial .home-library-actions a.button,
body.home-editorial .home-library-actions a.button.primary {
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #b1c7bd !important;
  border-radius:0 !important;
  color:#285c4d !important;
  padding:0 0 6px !important;
  font-size:14px;
  font-weight:750;
  box-shadow:none !important;
  white-space:normal;
}
body.home-editorial .home-library-actions a.button:hover {border-bottom-color:#285c4d !important;}
body.home-editorial .home-library-actions span {
  color:#647a6d !important;
  font-size:12px;
  line-height:1.45;
}

/* Gleiche Kanten und ruhige Flächen wie die Blogkarten. */
body.home-editorial .method-card,
body.home-editorial .benefit-card,
body.home-editorial .deliverable-card,
body.home-editorial .package-card,
body.home-editorial .about-content,
body.home-editorial .faq-item,
body.home-editorial .process-node,
body.home-editorial .sample-output,
body.home-editorial .legal-card {
  border:1px solid #e1e5dc;
  border-radius:17px;
  box-shadow:0 5px 18px rgba(33,62,45,.026);
}
body.home-editorial .mid-cta,
body.home-editorial .early-cta,
body.home-editorial .section-cta {
  background:#eef2ec;
  border:1px solid #d9e3d9;
  border-radius:17px;
  box-shadow:none;
}
body.home-editorial .mid-cta h3,
body.home-editorial .early-cta h3,
body.home-editorial .section-cta h3 {color:#26352f;}
body.home-editorial .mid-cta p,
body.home-editorial .early-cta p,
body.home-editorial .section-cta p {color:#64766c;}
body.home-editorial .section-intro {max-width:760px;}
body.home-editorial #vorgehen,
body.home-editorial #zielgruppe,
body.home-editorial #ergebnis,
body.home-editorial #angebot,
body.home-editorial #ueber-mich,
body.home-editorial #faq {
  border-top:1px solid #dce3dc;
}
/* Der vom Nutzer bevorzugte Erfahrungsbanner bleibt unverändert. */
@media(max-width:830px){
  body.home-editorial .home-library-inner{grid-template-columns:1fr;gap:20px}
}
@media(max-width:570px){
  body.home-editorial .home-library-copy h2,
  body.home-editorial section.home-library-teaser h2{font-size:clamp(29px,8.4vw,39px)}
  body.home-editorial .home-library-actions{gap:9px}
}