/*
  Fünf Schnellzugriffe auf der Startansicht.
  Die Mindesthöhe schafft bei Laptop-Ansichten und Browser-Zoom einen festen
  Sicherheitsbereich unter dem zentrierten Logo. So können die Kacheln nicht
  in den Schriftzug hochrutschen.
*/
@media (min-width: 761px) {
  .hero.hero-personal {
    min-height: 820px !important;
    min-height: max(100svh, 820px) !important;
  }

  .hero-personal .hero-services.hero-navigation-extended {
    bottom: clamp(4rem, 9vh, 7rem) !important;
    gap: 8px !important;
  }

  .hero-personal .hero-services.hero-navigation-extended .hero-service-card {
    min-height: 0;
    padding: 14px 18px 13px !important;
  }

  .hero-personal .hero-services.hero-navigation-extended .hero-service-card::before {
    top: 14px;
    bottom: 14px;
  }

  .hero-personal .hero-services.hero-navigation-extended .hero-service-card b {
    margin-bottom: 4px !important;
  }

  .hero-personal .hero-services.hero-navigation-extended .hero-service-card span {
    font-size: .84rem !important;
    line-height: 1.28 !important;
  }
}