/* ============================================================
   HJS — Inner page hero banner + content polish
   ============================================================ */
.hjs-phero {
  position: relative;
  min-height: clamp(260px, 38vh, 380px);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  font-family: "Inter", system-ui, sans-serif;
  background: #15321a;
}
.hjs-phero__img {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
}
.hjs-phero__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(15,40,20,.35) 0%, rgba(15,40,20,.55) 55%, rgba(15,40,20,.88) 100%);
}
.hjs-phero__inner {
  position: relative; z-index: 2;
  max-width: 1280px; margin: 0 auto; width: 100%;
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.2rem, 4vw, 2.5rem);
}
.hjs-phero__crumb {
  font-size: 13px; font-weight: 500; letter-spacing: .04em;
  color: #9fd178; margin-bottom: .6rem;
}
.hjs-phero__crumb a { color: #9fd178; text-decoration: none; }
.hjs-phero__crumb a:hover { color: #fff; }
.hjs-phero__crumb span { color: #cfe0c8; opacity: .65; }
.hjs-phero__title {
  font-family: "Manrope", sans-serif;
  font-weight: 800; letter-spacing: -.02em;
  font-size: clamp(1.9rem, 4.2vw, 3rem);
  color: #fff; line-height: 1.08; margin: 0;
  max-width: 20ch;
}
.hjs-phero__title::after {
  content: ""; display: block;
  width: 64px; height: 4px; border-radius: 2px;
  background: #6cb33f; margin-top: 1rem;
}

/* Neutralise the legacy WP parallax header section (we replace it with hjs-phero) */
.l-section.with_img.parallax_fixed > .l-section-img { display: none; }

/* Content polish for legacy WP body */
.l-main .l-section { padding-block: clamp(1.5rem, 3vw, 2.5rem); }
.l-main h1 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); line-height: 1.12; margin-bottom: 1rem; color:#15321a; }
.l-main h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); line-height: 1.2; margin: 1.6rem 0 .8rem; color:#1a3d1a; }
.l-main h3 { font-size: clamp(1.15rem, 2vw, 1.4rem); margin: 1.2rem 0 .6rem; color:#2a4a2a; }
.l-main p, .l-main li { color:#41513c; font-size: 1.02rem; line-height: 1.75; }
.l-main a:not(.w-btn):not(.hjs-footer__kultkram) { color:#4d8b2e; }
.l-main a:not(.w-btn):not(.hjs-footer__kultkram):hover { color:#15321a; }

/* The stray green "HJS Dienstleistungen" iconbox/button → make it a real pill button */
.l-main .w-btn, .l-main a.us-btn {
  display: inline-flex !important;
  align-items: center; gap: .5rem;
  background: linear-gradient(135deg,#6cb33f,#4d8b2e) !important;
  color:#fff !important;
  padding: .85rem 1.5rem !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(76,140,46,.28);
}

/* Kultkram bonus box inside content → clean card */
.l-main .w-image a[href*="kultkram"] { display:inline-block; }