/* Scoped to the services index, Parser-Check and the seven service pages. */
body.cleaco-service-refined #main-content > :is(.internal-hero,.parser-hero) {
  padding: 64px 0 56px;
}
body.cleaco-service-refined #main-content > .internal-hero > .container:has(.cleaco-hero-copy) {
  grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);
  gap: 40px;
  align-items: center;
}
body.cleaco-service-refined #main-content > .internal-hero > .container:has(.cleaco-hero-copy)::after {
  grid-row: 1;
  min-height: 300px;
  padding: 22px;
  box-sizing: border-box;
}
body.cleaco-service-refined .cleaco-hero-copy { min-width: 0; }
body.cleaco-service-refined #main-content :is(.internal-hero,.parser-hero) h1 {
  margin: 0 0 22px;
  font-size: clamp(2rem,4vw,3.5rem);
  line-height: 1.08;
  overflow-wrap: break-word;
  hyphens: auto;
}
body.cleaco-service-refined .cleaco-hero-copy .eyebrow { margin: 0 0 16px; }
body.cleaco-service-refined .cleaco-hero-copy .internal-lede { margin: 0; }
body.cleaco-service-refined .cleaco-hero-copy .hero-actions { margin: 26px 0 0; gap: 12px; }
body.cleaco-service-refined #main-content > .section,
body.cleaco-service-refined #main-content > .section:has(.detail-layout),
body.cleaco-service-refined #main-content > .section.detail-alternate,
body.cleaco-service-refined #main-content > .section:has(.content-narrow),
body.cleaco-service-refined #main-content > .cleaco-service-package-offers { padding: 60px 0; }
body.cleaco-service-refined #main-content > .trust-section { padding: 32px 0 60px; }
body.cleaco-service-refined #main-content > .contact-section { padding: 48px 0; }
body.cleaco-service-refined #main-content h2 {
  font-size: clamp(1.65rem,2.7vw,2.5rem);
  line-height: 1.16;
  margin-bottom: 20px;
  text-wrap: balance;
}
body.cleaco-service-refined #main-content .detail-layout > div > p:not(.section-kicker),
body.cleaco-service-refined #main-content .content-grid article > p:not(.section-kicker),
body.cleaco-service-refined #main-content .trust-intro { max-width: 76ch; }
body.cleaco-service-refined #main-content .detail-layout .detail-card { margin-top: 28px; }
body.cleaco-service-refined #main-content .detail-layout ul { gap: 10px; }
body.cleaco-service-refined #main-content .detail-layout ul li { padding: 13px 16px; }
body.cleaco-service-refined #main-content > .section:has(.content-narrow) .content-narrow {
  width: min(1160px,calc(100% - 48px));
  max-width: 1160px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.cleaco-service-refined .cleaco-process-steps {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}
body.cleaco-service-refined .cleaco-process-steps li { margin: 0; padding: 0; min-width: 0; }
body.cleaco-service-refined .cleaco-step-number {
  display: inline-grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  padding: 0 6px;
  margin-bottom: 14px;
  border-radius: 11px;
  background: #e0f0e8;
  color: #126e6a;
  font-weight: 800;
}
body.cleaco-service-refined .cleaco-process-steps h3 { font-size: 1.12rem; line-height: 1.3; margin: 0 0 10px; }
body.cleaco-service-refined .cleaco-process-steps p { margin: 0; font-size: 1rem; line-height: 1.65; }
body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
  margin-top: 28px;
}
body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-grid:has(> :only-child) { grid-template-columns: minmax(0,640px); }
body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0;
  padding: 28px;
  border: 1px solid var(--cleaco-line,#dbe6e1);
  border-radius: 22px;
  background: #fff;
}
body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-card h3 { font-size: 1.35rem; line-height: 1.3; margin: 0 0 14px; }
body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-amount { font-size: 2rem; font-weight: 800; line-height: 1.2; margin: 0 0 18px; color: var(--cleaco-ink,#14353a); }
body.cleaco-service-refined .cleaco-refined-packages .price-scope { margin: 0 0 12px; }
body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-card > p:not(.price-scope):not(.cleaco-service-package-amount) { margin: 0 0 24px; }
body.cleaco-service-refined .cleaco-refined-packages .button { margin-top: auto; align-self: flex-start; white-space: normal; text-align: center; }
body.cleaco-service-refined .cleaco-service-package-note { margin: 22px 0 0; font-size: .9rem; line-height: 1.6; }
body.cleaco-service-refined.page-id-61 .cleaco-service-discount-details { display: none; }
body.cleaco-service-refined .trust-grid { margin-top: 28px; }
body.cleaco-service-refined .trust-intro { margin-bottom: 14px; }
body.cleaco-service-refined .cleaco-ui-arrow { display: inline-block; width: 1em; height: 1em; vertical-align: -.15em; flex: 0 0 auto; }
body.cleaco-service-refined .service-card p { line-height: 1.6; }
body.cleaco-service-refined.page-id-9 #main-content .services-index-section .service-card { position: relative; cursor: pointer; }
body.cleaco-service-refined.page-id-9 #main-content .services-index-section .service-card > a.cleaco-service-card-link {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  min-height: 0;
  align-self: stretch;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  box-shadow: none;
  transform: none;
}
body.cleaco-service-refined.page-id-9 #main-content .services-index-section .service-card > a.cleaco-service-card-link::after { content: none; }
body.cleaco-service-refined.page-id-9 #main-content .services-index-section .service-card > a.cleaco-service-card-link:focus-visible { outline: 3px solid var(--cleaco-teal-dark,#126e6a); outline-offset: -3px; }
body.cleaco-service-refined.page-id-9 .service-card > .cleaco-service-card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  min-height: 48px;
  margin: auto 0 0 auto;
  padding: 0 20px;
  border: 1px solid var(--cleaco-teal-dark,#126e6a);
  border-radius: 16px 16px 5px 16px;
  color: #fff;
  background: var(--cleaco-teal-dark,#126e6a);
  font-weight: 700;
  font-size: .82rem;
  line-height: 1.2;
  transition: background-color .18s ease,box-shadow .18s ease;
}
body.cleaco-service-refined.page-id-9 .service-card:is(:hover,:focus-within) > .cleaco-service-card-button { background: var(--cleaco-ink,#14353a); box-shadow: 0 8px 18px rgba(20,53,58,.14); }
/* Align the three trust-card accents and suppress their redundant number badges. */
body.cleaco-service-refined .trust-grid > *::before { background: linear-gradient(90deg,#315f49 0%,#fff 100%) !important; }
body.cleaco-service-refined .trust-grid > :nth-child(2)::before { background: linear-gradient(90deg,#315f49 0%,#fff 100%) !important; }
body.cleaco-service-refined .trust-grid h3 > :first-child { display: none !important; }
body.cleaco-service-refined .trust-grid h3.cleaco-trust-title-clean::before { content: none !important; display: none !important; }
body.cleaco-service-refined .trust-grid { margin-top: 18px; }
body.cleaco-service-refined .trust-intro { margin-bottom: 10px; }
body.home.cleaco-service-refined #main-content > .trust-section { padding-bottom: 24px; }
body.home.cleaco-service-refined #main-content > .section:has(.faq-list) { padding-top: 28px; padding-bottom: 32px; }
body.home.cleaco-service-refined #main-content > .section:has(#kontakt),
body.home.cleaco-service-refined #main-content > .contact-section,
body.home.cleaco-service-refined #main-content > #kontakt { background-color: #f2efe6 !important; }
body.cleaco-service-refined .cleaco-parser-demo-full,
body.cleaco-service-refined #main-content [aria-label^="So liest Bewerbungssoftware deine Bewerbung"] { width: min(100%,1160px) !important; max-width: 1160px !important; margin-inline: auto !important; grid-column: 1 / -1 !important; }
body.cleaco-service-refined #main-content [aria-label^="So liest Bewerbungssoftware deine Bewerbung"] > * { width: 100% !important; max-width: 100% !important; }
@media (max-width:900px) {
  body.cleaco-service-refined #main-content > .internal-hero > .container:has(.cleaco-hero-copy) { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body.cleaco-service-refined #main-content > .internal-hero > .container:has(.cleaco-hero-copy)::after { grid-column: 1; grid-row: auto; min-height: 260px; }
  body.cleaco-service-refined .cleaco-process-steps { gap: 20px; }
}
@media (max-width:700px) {
  body.cleaco-service-refined #main-content > :is(.internal-hero,.parser-hero) { padding: 40px 0; }
  body.cleaco-service-refined #main-content :is(.internal-hero,.parser-hero) h1 { font-size: clamp(1.85rem,7vw,2.5rem); margin-bottom: 18px; }
  body.cleaco-service-refined #main-content h2 { font-size: clamp(1.5rem,6.3vw,1.9rem); }
  body.cleaco-service-refined #main-content > .section,
  body.cleaco-service-refined #main-content > .section:has(.detail-layout),
  body.cleaco-service-refined #main-content > .section.detail-alternate,
  body.cleaco-service-refined #main-content > .section:has(.content-narrow),
  body.cleaco-service-refined #main-content > .cleaco-service-package-offers { padding: 38px 0; }
  body.cleaco-service-refined #main-content > .trust-section { padding-top: 28px; }
  body.cleaco-service-refined #main-content > .contact-section { padding: 38px 0; }
  body.cleaco-service-refined .cleaco-process-steps,
  body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body.cleaco-service-refined .cleaco-process-steps { margin-top: 24px; }
  body.cleaco-service-refined .cleaco-refined-packages .cleaco-service-package-card { padding: 22px; }
  body.cleaco-service-refined .cleaco-refined-packages .button { align-self: stretch; }
  body.cleaco-service-refined #main-content > .internal-hero > .container:has(.cleaco-hero-copy)::after { min-height: 230px; padding: 18px; }
  body.cleaco-service-refined .cleaco-hero-copy .hero-actions { flex-wrap: wrap; }
}