/* Minimal fixes only — layout/animation match Agasis template */

.w-webflow-badge {
  display: none !important;
}

html,
body {
  overflow-x: clip;
}

@media screen and (max-width: 767px) {
  .nav-float {
    bottom: max(1.25rem, env(safe-area-inset-bottom));
    right: max(1rem, env(safe-area-inset-right));
  }

  /*
   * Hero: keep Webflow absolute headline (do NOT switch to relative — that
   * stacks "Mehr Anfragen" into the next panel). Duplicate headlines in
   * panels 02/03 are decorative for desktop IX only → hide on small screens.
   */
  .hero-agency-panel.is-ink .hero-agency-heading-wrap,
  .hero-agency-panel.is-bone .hero-agency-heading-wrap {
    display: none !important;
  }

  .hero-agency-panel.is-orange .hero-agency-heading {
    font-size: clamp(2.35rem, 12vw, 3.75rem) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.035em !important;
  }

  .hero-agency-panel.is-orange .hero-agency-panel-inner {
    justify-content: flex-start !important;
    padding-bottom: 8.5rem;
  }

  .hero-agency-panel.is-orange {
    min-height: 26rem !important;
  }

  .hero-agency-panel.is-ink .hero-agency-panel-inner,
  .hero-agency-panel.is-bone .hero-agency-panel-inner {
    justify-content: flex-start !important;
  }

  .hero-agency-panel.is-bone {
    min-height: auto !important;
  }

  .hero-agency-panel.is-bone .hero-agency-panel-inner {
    padding-bottom: 2.5rem;
  }

  .hero-agency-panel.is-bone .hero-agency-panel-text,
  .hero-agency-panel.is-ink .hero-agency-panel-text {
    max-width: none !important;
    margin-top: 1rem;
  }
}