/*
  Firma-Seite, Rescue Trade™ Website
  Nur seitenspezifisches Layout. Wiederverwendbare Bausteine liegen in
  css/components.css.
*/

/* -----------------------------------------------------------------
   01 Hero – kürzer als der Video-Hero der Startseite (kein Grund,
   volle 100vh zu beanspruchen, da kein Bezug zur Produkt-Spaltenreihe
   der Startseite besteht). .hero__title selbst braucht seit der
   Produktorientierung der Startseite keine eigene Regel mehr hier –
   die frühere Sonderfassung (Satz-Überschrift statt Wortmarke) ist
   jetzt der gemeinsame Standard in components.css, weil die
   Startseite dieselbe Behandlung braucht.
----------------------------------------------------------------- */
.hero {
  min-height: 88vh;
}
.hero__content {
  padding-bottom: var(--space-72);
}
.hero__subline {
  max-width: var(--measure-620);
}

/* -----------------------------------------------------------------
   03 Zertifizierungen & Zulassungen – linke Spalte bleibt beim
   Scrollen stehen, rechts läuft die Liste durch. Kein Vorbild auf der
   Startseite, deshalb hier seitenspezifisch. Die Listeneinträge selbst
   sind vollständig .stat-list, siehe components.css.
----------------------------------------------------------------- */
.firma-certs {
  padding: var(--space-170) 0;
}
.firma-certs__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-96);
  align-items: start;
}
.firma-certs__intro {
  position: sticky;
  top: var(--space-140);
}
.firma-certs__h2 {
  margin: 0 0 var(--space-24);
  font-family: var(--font-sans);
  font-weight: var(--fw-extrabold);
  font-size: var(--fs-h2-lg);
  line-height: var(--lh-1);
  letter-spacing: var(--ls-tight-025);
  color: var(--color-black);
}
.firma-certs__lead {
  margin: 0;
  font-size: var(--fs-17);
  color: var(--color-text-secondary);
}

@media (max-width: 900px) {
  .firma-certs {
    padding: var(--space-96) 0;
  }
  .firma-certs__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-48);
  }
  .firma-certs__intro {
    position: static;
  }
}

/* -----------------------------------------------------------------
   05 Fertigung & Logistik – Pin-Showpiece-Rahmen (.avail, siehe
   components.css). Die frühere zweite Reihe (RETTmobil-Video +
   Verlade-Foto) wurde entfernt.
----------------------------------------------------------------- */
.avail .pin-wrapper {
  height: 240vh;
}

@media (max-width: 900px) {
  .avail .pin-wrapper {
    height: 180vh;
  }
}

/* -----------------------------------------------------------------
   06 Kundengruppen – zweispaltiges Raster aus .numbered-feature__*
   (siehe components.css), anders als die dreispaltige, gestaffelte
   Startseiten-Variante („Für Organisationen, die unter Druck
   stehen") bewusst ohne vertikalen Versatz zwischen den Spalten – bei
   nur zwei Zeilen wirkt eine Staffelung eher zufällig als gestalterisch
   begründet.
----------------------------------------------------------------- */
.firma-kundengruppen {
  padding: var(--space-170) 0;
}
.firma-kundengruppen__head {
  max-width: var(--measure-900);
  margin-bottom: var(--space-96);
}
.firma-kundengruppen__head .eyebrow {
  margin-bottom: var(--space-20);
}
.firma-kundengruppen__h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--fw-extrabold);
  font-size: var(--fs-h2-xl);
  line-height: var(--lh-098);
  letter-spacing: var(--ls-tight-025);
  color: var(--color-black);
}
.firma-kundengruppen__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-64) var(--space-96);
}

@media (max-width: 700px) {
  .firma-kundengruppen {
    padding: var(--space-96) 0;
  }
  .firma-kundengruppen__head {
    margin-bottom: var(--space-48);
  }
  .firma-kundengruppen__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-48);
  }
}

/* -----------------------------------------------------------------
   07 Team & Betrieb – Kopfblock plus .gallery-grid (siehe
   components.css), hier mit 6 statt 7 Bildern, gleichmäßig 2 pro
   Spalte verteilt.
----------------------------------------------------------------- */
.firma-team {
  padding: 0 0 var(--space-150);
}
.firma-team__head {
  max-width: var(--measure-620);
  margin-bottom: var(--space-72);
}
.firma-team__head .eyebrow {
  margin-bottom: var(--space-20);
}
.firma-team__h2 {
  margin: 0 0 var(--space-24);
  font-family: var(--font-sans);
  font-weight: var(--fw-extrabold);
  font-size: var(--fs-h2-lg);
  line-height: var(--lh-1);
  letter-spacing: var(--ls-tight-025);
  color: var(--color-black);
}
.firma-team__lead {
  margin: 0;
  font-size: var(--fs-17);
  color: var(--color-text-secondary);
}