/* Farbangleichung der Startseite an den Blog, 04.11.2026 */
:root { --brand-forest: #285c4d; --brand-forest-dark: #1d4b3d; --brand-sage: #dfeae5; }

/* Die zentrale Botschaft nimmt die Grünpalette des Blogs auf. */
body.home-editorial .hero.home-editorial-hero h1 {
  color: var(--brand-forest) !important;
  text-wrap: balance;
}

/* Profil: gleicher gestalterischer Rhythmus wie Blog- und Materialkarten. */
body.home-editorial #ueber-mich {
  background: #f8f9f5 !important;
  border-top: 1px solid #dce3dc;
}
body.home-editorial #ueber-mich .home-section-kicker { margin-bottom: 12px; }
body.home-editorial #ueber-mich .about-section-title {
  color: #254f40;
  font-weight: 750;
  letter-spacing: -.045em;
  margin: 0 0 28px;
  font-size: clamp(34px, 3.6vw, 49px);
  line-height: 1.1;
}
body.home-editorial #ueber-mich .about {
  display: grid !important;
  grid-template-columns: minmax(255px,.78fr) minmax(0,1.42fr) !important;
  gap: 22px !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  align-items: stretch !important;
}
body.home-editorial #ueber-mich .about-profile,
body.home-editorial #ueber-mich .about-content {
  background: #fff !important;
  border: 1px solid #dfe7de !important;
  border-radius: 17px !important;
  box-shadow: 0 5px 17px rgba(12,56,32,.035) !important;
  padding: clamp(24px,2.6vw,34px) !important;
  min-height: 0 !important;
}
body.home-editorial #ueber-mich .about-profile {
  color: #344b41 !important;
  justify-content: flex-start !important;
  text-align: center !important;
}
body.home-editorial #ueber-mich .about-profile img.about-portrait {
  width: 170px !important;
  height: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 6px #eef4ee !important;
  border: 2px solid #d6e4d8 !important;
  margin: 2px auto 24px !important;
  object-fit: cover !important;
  object-position: center !important;
}
body.home-editorial #ueber-mich .profile-caption.profile-caption-simple {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
body.home-editorial #ueber-mich .profile-caption.profile-caption-simple strong {
  color: var(--brand-forest) !important;
  font-size: 23px !important;
  font-weight: 760 !important;
  margin: 0 0 13px !important;
}
body.home-editorial #ueber-mich .profile-quote,
body.home-editorial #ueber-mich blockquote {
  color: #596d61 !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.65 !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  max-width: 35ch !important;
}
body.home-editorial #ueber-mich .about-content p {
  color: #53645b;
  line-height: 1.75;
  margin: 0 0 16px;
}
body.home-editorial #ueber-mich .about-content p:last-child { margin-bottom: 0; }
body.home-editorial #ueber-mich .about-content .about-personal-large {
  color: var(--brand-forest) !important;
  font-size: clamp(18px,1.7vw,23px) !important;
  font-weight: 700 !important;
  letter-spacing: -.018em;
  line-height: 1.47 !important;
}
@media (max-width: 900px) {
  body.home-editorial #ueber-mich .about {
    grid-template-columns: 1fr !important;
    gap: 17px !important;
  }
  body.home-editorial #ueber-mich .about-profile img.about-portrait {
    width: 158px !important; height: 158px !important;
    min-width: 158px !important; max-width: 158px !important;
  }
}
@media (max-width: 560px) {
  body.home-editorial #ueber-mich .about-section-title {margin-bottom: 21px;}
  body.home-editorial #ueber-mich .about-profile,
  body.home-editorial #ueber-mich .about-content {padding: 24px 21px !important;}
  body.home-editorial #ueber-mich .about-content p {line-height: 1.67;}
}