/* H&C 2026-10-30: corrective public-only type, contrast and section continuity.
   Preserve /leistungen reference layout, shared header/footer and private HunterOS UI. */

/* Home: remove a second injected divider crossing the 'Schön ist gut' section.
   Full-bleed section background, but keep editorial content at its approved width. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow {
  position:relative!important;
  isolation:isolate;
  background:transparent!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles::before,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;right:auto!important;top:0!important;bottom:0!important;
  width:100vw!important;height:100%!important;
  transform:translateX(-50%)!important;
  background:#101216!important;
  border:0!important;box-shadow:none!important;
  pointer-events:none!important;
  z-index:-1!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles::after {
  content:none!important;display:none!important;animation:none!important;
}
/* Restore contrast in the process section after its background was changed to graphite. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow :is(h2,h3,strong) {
  color:#f4f2ec!important;-webkit-text-fill-color:#f4f2ec!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow :is(p,li) {
  color:#c5cbd0!important;-webkit-text-fill-color:#c5cbd0!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-step {
  border-color:rgba(224,192,127,.2)!important;
}
/* Keep the originally approved gold emphasis and all images untouched. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .hero h1 {
  font-size:clamp(28px,2.4vw,40px)!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root :is(.hc-offers-heading h2,.principles h2,.workflow-header h2,.faq-intro h2) {
  font-size:clamp(25px,1.95vw,29px)!important;
  line-height:1.18!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root .hc-capability-copy h3 {
  font-size:clamp(14px,1.15vw,16px)!important;
}
/* About: the introduction is a LIGHT panel. Previously a later public rule
   forced near-white H1 onto white background; explicitly restore graphite. */
body:has(.hc-about-editorial) #main-content .hc-about-editorial .hc-about-introduction h1 {
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(25px,2.4vw,34px)!important;
  line-height:1.16!important;
  color:#242b30!important;-webkit-text-fill-color:#242b30!important;
  text-shadow:none!important;
}
body:has(.hc-about-editorial) #main-content .hc-about-editorial .hc-about-introduction h1 span {
  color:#926929!important;-webkit-text-fill-color:#926929!important;
}
body:has(.hc-about-editorial) #main-content .hc-about-editorial .hc-about-section h2,
body:has(.hc-about-editorial) #main-content .hc-about-editorial .hc-about-conviction h2 {
  font-size:clamp(24px,2.15vw,29px)!important;
  line-height:1.18!important;
}
body:has(.hc-about-editorial) #main-content .hc-about-editorial .hc-about-section h3 {
  font-size:clamp(14px,1.05vw,16px)!important;
}
body:has(.hc-about-editorial) #main-content .hc-about-editorial .hc-about-section p {
  font-size:clamp(12px,.87vw,13px)!important;
}
/* Apply the approved compact editorial rhythm to other MARKETING pages;
   do not globally shrink 11-12px body copy below legibility. */
body:has(.hc-public-route-marker):not(:has(#hc-home-main)) #main-content .hc-article .hc-article-introduction > h1,
body:has(.hc-public-route-marker):not(:has(#hc-home-main)) #main-content .hc-marketing-inner-root :is(h1,.page-hero h1) {
  font-size:clamp(27px,2.5vw,35px)!important;
  line-height:1.17!important;
}
body:has(.hc-public-route-marker):not(:has(#hc-home-main)) #main-content .hc-article .hc-article-section h2,
body:has(.hc-public-route-marker):not(:has(#hc-home-main)) #main-content .hc-marketing-inner-root .hc-inner-body h2 {
  font-size:clamp(22px,1.85vw,27px)!important;
  line-height:1.23!important;
}
body:has(.hc-public-route-marker):not(:has(#hc-home-main)) #main-content .hc-article .hc-article-section h3 {
  font-size:clamp(17px,1.35vw,21px)!important;
}
/* Don't create a border across a photograph or a light hero via
   the global generic "section + section" selector. */
body:has(.hc-public-route-marker) #main-content .hc-about-editorial .hc-about-introduction::before {
  content:none!important;display:none!important;
}
@media(max-width:700px){
 body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .hero h1 {font-size:clamp(27px,6.8vw,33px)!important;}
 body:has(#hc-home-main) #main-content .hc-premium-root :is(.hc-offers-heading h2,.principles h2,.workflow-header h2,.faq-intro h2) {font-size:clamp(23px,6vw,27px)!important;}
 body:has(.hc-about-editorial) #main-content .hc-about-editorial .hc-about-introduction h1 {font-size:clamp(24px,6.5vw,29px)!important;}
}


/* Match the same final 80% heading scale in the process section. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-header h2 {
  font-size:clamp(24px,2.03vw,29px)!important;
}


/* Contact and partner inquiry hero: same compact public scale. */
body:has(.hc-public-route-marker) #main-content .hc-contact-main .hc-contact-hero h1 {
  font-size:clamp(28px,2.7vw,39px)!important;
  line-height:1.15!important;
}
@media(max-width:700px){
 body:has(.hc-public-route-marker) #main-content .hc-contact-main .hc-contact-hero h1{
  font-size:clamp(26px,6.8vw,31px)!important;
 }
}

/* H&C 2026-10-30: 20%-more-compact public SEO headlines.
   /leistungen is the APPROVED typography reference and remains unchanged. */
body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main h1 {
  font-size:clamp(28px,2.75vw,39px)!important;
  line-height:1.13!important;
}
body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main > section:first-of-type:has(h1):not(:has(form)) h1,
body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main section.hc-editorial-hero h1 {
  font-size:clamp(28px,2.75vw,39px)!important;
  line-height:1.1!important;
}
body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main h2 {
  font-size:clamp(22px,2vw,29px)!important;
  line-height:1.22!important;
}
body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main h3 {
  font-size:clamp(17px,1.4vw,22px)!important;
  line-height:1.28!important;
}
body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main :is(p,li) {
  line-height:1.68;
}
@media(max-width:700px){
 body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main h1,
 body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main > section:first-of-type:has(h1):not(:has(form)) h1,
 body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main section.hc-editorial-hero h1 {
  font-size:clamp(27px,6.8vw,33px)!important;
 }
 body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main h2 {font-size:clamp(21px,5.7vw,26px)!important;}
 body.hc-brand-scope:not(:has(.hc-leistungen-page)) .hc-unified-content main h3 {font-size:clamp(16px,4.7vw,20px)!important;}
}

/* Hunter & Closer homepage approved appearance restore – 2026-10-30
   True full-bleed backgrounds (no black side gutters); champagne process
   panel with dark ink. Preserve narrow editorial text columns. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow {
  position:relative!important;
  isolation:isolate!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles::before,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 50%!important;
  left:50%!important;
  right:auto!important;
  top:0!important;
  bottom:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100%!important;
  transform:translateX(-50%)!important;
  z-index:0!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles::before{
  background:#111418!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow::before{
  background:linear-gradient(116deg,#f6f3ee 0%,#f2efe9 51%,#eae7e0 100%)!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles > *,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow > *{
  position:relative!important;
  z-index:1!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles::after,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow {
  color:#252b30!important;
  -webkit-text-fill-color:#252b30!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-header h2,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-step h3,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow :is(h2,h3,strong) {
  color:#242a2d!important;
  -webkit-text-fill-color:#242a2d!important;
  text-shadow:none!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-header > p,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-step p,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow :is(p,li){
  color:#5b6368!important;
  -webkit-text-fill-color:#5b6368!important;
  text-shadow:none!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-step::before{
  background:linear-gradient(90deg,rgba(129,105,67,.28),transparent)!important;
}

/* FAQ uses the same full-width graphite as the approved dark sections. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .faq::before {
  z-index:0!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .faq > * {
  position:relative!important;
  z-index:1!important;
}

/* Restore the previously approved central Hunter & Closer statements,
   displayed beneath the six homepage service cards, before the section rule. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main
  > .hc-home-offers .hc-capabilities-grid::after {
  content:"Erfolg wird entschieden. Nicht erhofft.\A Nicht alles auf einmal. Sondern das Richtige."!important;
  display:block!important;
  position:relative!important;
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:880px!important;
  height:auto!important;
  min-height:0!important;
  margin:10px auto 0!important;
  padding:20px 12px 0!important;
  text-align:center!important;
  white-space:pre-line!important;
  color:#dabe80!important;
  -webkit-text-fill-color:#dabe80!important;
  font:720 clamp(17px,1.55vw,24px)/1.55 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.035em!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  animation:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}
@media(max-width:700px){
 body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main
   > .hc-home-offers .hc-capabilities-grid::after{
    font-size:clamp(16px,4.5vw,20px)!important;
    padding:14px 4px 0!important;
    margin-top:7px!important;
  }
}

/* hc_true_fullwidth_20261030.css */
/* H&C targeted homepage repair: real full-bleed sections, not pseudo backgrounds.
   Break the dark boxed 940px section out of its 1242px parent. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow {
  display:block!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  isolation:auto!important;
  position:relative!important;
  padding-left:max(18px,calc((100vw - 940px)/2))!important;
  padding-right:max(18px,calc((100vw - 940px)/2))!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles {
  background:#111418!important;
  color:#f3f1ec!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow {
  background:linear-gradient(116deg,#f6f3ee 0%,#f2efe9 51%,#eae7e0 100%)!important;
  color:#242a2d!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles::before,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow::before,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles::after,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles .principles-layout,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-header,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow .workflow-steps{
  width:100%!important;
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow h2,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow h3,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow strong{
  color:#242a2d!important;
  -webkit-text-fill-color:#242a2d!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow p,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow li{
  color:#566066!important;
  -webkit-text-fill-color:#566066!important;
}
@media(max-width:700px) {
 body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .principles,
 body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .workflow{
   width:100vw!important;min-width:100vw!important;
   margin-left:calc(50% - 50vw)!important;
   padding-left:18px!important;padding-right:18px!important;
 }
}

/* hc_faq_fullwidth_20261030.css */

/* Full-width FAQ continuation – no black page gutters after cream process. */
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .faq {
  box-sizing:border-box!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  position:relative!important;
  isolation:auto!important;
  padding-left:max(18px,calc((100vw - 940px)/2))!important;
  padding-right:max(18px,calc((100vw - 940px)/2))!important;
  background:linear-gradient(119deg,#181b1f 0%,#1b1e22 57%,#15181b 100%)!important;
}
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .faq::before,
body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .faq::after{
  content:none!important;display:none!important;
}
@media(max-width:700px){
 body:has(#hc-home-main) #main-content .hc-premium-root #hc-home-main > .faq{
    padding-left:18px!important;padding-right:18px!important;
 }
}