/* Ratgeber-Verweise auf Leistungsseiten (Ausgabe: hanna-site-functions/includes/seo-navigation.php) */
.hgr-service-guides ul { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ink); }
.hgr-service-guides li { margin: 0; border-bottom: 1px solid var(--line); }
.hgr-guide { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) auto; gap: 8px 32px; align-items: center; padding: 26px 0; text-decoration: none; color: var(--ink) !important; }
.hgr-guide strong { font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); font-weight: 700; font-stretch: 106%; line-height: 1.25; }
.hgr-guide span:not(.hgr-go) { color: var(--ink-soft); }
.hgr-guide:hover strong { color: var(--blue); }
.hgr-guide .hgr-go { grid-row: auto; grid-column: auto; }
.hgr-guide:hover .hgr-go, .hgr-guide:focus-visible .hgr-go { background: var(--yellow); border-color: var(--yellow); }
.hgr-all-guides { display: inline-flex; align-items: center; gap: .45em; min-height: 44px; margin-top: 24px; font-weight: 650; text-decoration: none; }
.hgr-all-guides::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--i-arrow) center / contain no-repeat; mask: var(--i-arrow) center / contain no-repeat; transition: transform .2s var(--ease-out); }
.hgr-all-guides:hover::after { transform: translateX(3px); }
@media (max-width: 760px) {
  .hgr-guide { grid-template-columns: minmax(0, 1fr) auto; }
  .hgr-guide strong, .hgr-guide span:not(.hgr-go) { grid-column: 1; }
  .hgr-guide .hgr-go { grid-row: 1 / span 2; grid-column: 2; }
}
