/* Requested proof-number branding applies at every viewport size. */
#begleitung [data-count-to="99"] {
  background-image: linear-gradient(45deg, #143C66, #00776C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
.gz-mobile-business-visual { display: none; }

@media (max-width: 767px) {
  body[data-gz-layout="oct27"] > .mobile-navbar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #auch-angestellt #erstgespraech { display: none; }
  .gz-mobile-business-visual {
    display: block;
    position: relative;
    width: min(88%, 360px);
    /* Trim only the original file's transparent footroom, preserving the people. */
    aspect-ratio: 1122 / 1330;
    margin: 0 auto;
    overflow: hidden;
  }
  .gz-mobile-business-visual picture { display: block; }
  .gz-mobile-business-visual img { display: block; width: 100%; height: auto; }
  html body #begleitung.gz-proof-band {
    margin-top: 16px !important;
    transform: none !important;
  }
  /* Both MacBooks have a small 6px breathing space above their cards. */
  #ablauf .gz-cell > .mb { margin-bottom: 6px; }
  /* A block-level badge avoids the anonymous text line previously reserving 28px. */
  #ablauf .gz-cell:has(> .mb) > .gz-node { display: flex; }
  /* Independent GSAP entrance offsets must not pull the laptop away from its card. */
  #ablauf .gz-cell:has(> .mb) > [data-reveal] { transform: none !important; }
}

/* Focused emphasis and the supplied AVGS badge; text remains readable at every width. */
#warum .gv-why-card { position: relative; }
#warum .gv-why-card strong { font-weight: 700; color: var(--brand-navy); }
#warum .gv-why-certificate {
  position: absolute;
  top: 9.2px;
  right: 12px;
  width: min(81.6px, 26.4%);
  height: auto;
  pointer-events: none;
}
@media (max-width: 767px) {
  #rechner .gv-calculator-note { display: none; }
  #rechner .gz-rechner-screen__col + .gz-rechner-screen__col { border-top: 0 !important; }
}
