/* Finales Feintuning 2026-11-04: klare Typografie, Ablauflinien, Angebot, CTA. */
/* Keine automatischen Worttrennungen auf Homepage, Blog oder Artikelseiten. */
body :is(h1,h2,h3,h4,h5,h6,p,li,td,th,small,label,span,a,blockquote,strong) {
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
}
/* Lange URLs und E-Mail-Adressen dürfen weiterhin an sinnvollen Stellen umbrechen. */
body a[href^="mailto:"], body a[href^="http"], body .contact-detail a {
  overflow-wrap:anywhere;
}
/* Die Vergleichsaussage ohne Umbruch, soweit der Platz das zulässt. */
@media(min-width:1060px){
  body.home-editorial #ergebnis .no-wrap-on-wide {white-space:nowrap}
}
/* Gleich große Luft oberhalb und unterhalb der Pfeile. */
body.home-editorial #vorgehen .process-flow.process-even-arrows{
  display:grid;column-gap:32px!important;row-gap:32px!important;align-items:stretch!important;
}
body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node{
  align-self:stretch!important;justify-content:center!important;
}
body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node:not(:last-child)::after{
  position:absolute!important;top:50%!important;bottom:auto!important;
  left:auto!important;right:-25px!important;transform:translateY(-50%)!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:18px!important;height:24px!important;line-height:24px!important;margin:0!important;
}
@media(max-width:900px){
  body.home-editorial #vorgehen .process-flow.process-even-arrows{
    grid-template-columns:1fr!important;row-gap:40px!important;
  }
  body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node:not(:last-child)::after{
    content:"↓"!important;left:50%!important;right:auto!important;top:auto!important;
    bottom:-32px!important;transform:translateX(-50%)!important;
    width:24px!important;height:24px!important;line-height:24px!important;
  }
}
/* Das Angebot enthält die einzige Beratungsinformation außerhalb der Formularüberschrift. */
body.home-editorial #angebot .mid-cta{gap:24px!important;align-items:center!important}
body.home-editorial #angebot .mid-cta h3{font-size:clamp(20px,1.75vw,25px);line-height:1.35;max-width:850px}
body.home-editorial #angebot .mid-cta p{font-size:16px;line-height:1.6;margin-top:10px}
body.home-editorial #angebot .mid-cta .button{flex:0 0 auto;white-space:nowrap}
/* Grüner, ruhiger Blog-Einstieg als einzelner Button. */
body.home-editorial #fachartikel .home-library-actions .blog-soft-cta{
  display:inline-flex!important;justify-content:center;align-items:center;
  padding:13px 22px!important;border:1px solid #cfe3d0!important;
  background:#e8f3e7!important;color:#285c4d!important;
  border-radius:12px!important;box-shadow:none!important;
  font-weight:750!important;text-decoration:none!important;
}
body.home-editorial #fachartikel .home-library-actions .blog-soft-cta:hover,
body.home-editorial #fachartikel .home-library-actions .blog-soft-cta:focus-visible{
  background:#d9eada!important;color:#174f3b!important;border-color:#b7d5ba!important;
}
/* Das Kontaktformular beginnt auf Höhe des Fließtexts, nicht auf Höhe der Überschrift. */
@media(min-width:931px){
  body.home-editorial #kontakt .contact-elegant .contact-action-card{
    align-self:stretch!important;
    padding-top:calc(clamp(24px,3vw,40px) + clamp(33px,4vw,53px) * 1.1 + 20px)!important;
  }
}
@media(max-width:930px){
  body.home-editorial #kontakt .contact-elegant .contact-action-card{
    padding-top:clamp(18px,5vw,26px)!important;
  }
}

/* Korrektur: vier Ablauf-Schritte bleiben untereinander; die Abwärtspfeile
   stehen exakt mittig im Zwischenraum (8px Luft oben und unten). */
body.home-editorial #vorgehen .process-flow.process-even-arrows{
  grid-template-columns:minmax(0,1fr)!important;
  row-gap:40px!important;
}
body.home-editorial #vorgehen .process-flow.process-even-arrows .process-node:not(:last-child)::after{
  content:"↓"!important;
  top:auto!important;
  bottom:-32px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:24px!important;
  height:24px!important;
  line-height:24px!important;
  font-size:23px!important;
  color:#285c4d!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
/* Die Formularkarte ist hell; Formlabels müssen daher dunkel sein. */
body.home-editorial #kontakt .contact-elegant .contact-form label span,
body.home-editorial #kontakt .contact-elegant .contact-form label em,
body.home-editorial #kontakt .contact-elegant .contact-form label small{
  color:#365b48!important;
}
body.home-editorial #kontakt .contact-elegant .contact-action-card .form-subline{
  color:#61766a!important;
}
body.home-editorial #kontakt .contact-elegant .contact-form button.button.primary{
  color:#fff!important;
  background:#285c4d!important;
  border-color:#285c4d!important;
  box-shadow:0 8px 20px rgba(40,92,77,.12)!important;
}
body.home-editorial #kontakt .contact-elegant .contact-form button.button.primary:hover{
  background:#1d4b3d!important;
}