/* RUNLEVELS V0.8 | section order and true mobile hero viewport fit. */
/* V0.7 subtracted an extra 64px from the hero at phone sizes. This let the
   following section peek into the initial viewport and cut off its heading. */
@media (max-width: 580px) {
  /* Mobile header: margin-top 10px, height 55px (including borders). */
  .hero-stage {
    min-height: calc(100svh - 65px);
    min-height: calc(100dvh - 65px);
    padding-block: 0;
  }
  /* Short screens may expand naturally; never crop the hero's own controls. */
  .hero-center { flex-shrink: 0; }
}
/* Preserve sensible section jumps below the sticky navbar after reordering. */
#einsatz, #integrationen, #preise, #solutions, #kontakt, #vorteile, #ueber, #ablauf, #funktionen {
  scroll-margin-top: 94px;
}
@media (max-width: 580px) {
  #einsatz, #integrationen, #preise, #solutions, #kontakt, #vorteile, #ueber, #ablauf, #funktionen {
    scroll-margin-top: 90px;
  }
}