/* Nach den bestehenden Seitenstilen einbinden. Nur mobile Präsentation. */
@media (max-width: 767px) {
  /* Marketingtexte gezielt zentrieren, ohne Ausrichtung an Daten zu vererben. */
  #hero .hero-copy,
  .sec-head > .sec-title,
  .sec-head > .sec-sub,
  #elg-os .sec-sub,
  #card-ventures .fakt > h3,
  #card-ventures .fakt > p,
  #elg-os .flow > h3,
  #elg-os .flow > p,
  :is(#funktionen, #nutzen, #ventures) .feat-copy > h3,
  :is(#funktionen, #nutzen, #ventures) .feat-copy > p,
  #intro .spur-intro > h2,
  #intro .spur-intro > p,
  #intro .stimme > blockquote,
  #intro .stimme-wer > div,
  #contact .contact-intro > .sec-title,
  #contact .contact-sub {
    text-align: center;
    margin-inline: auto;
  }

  /* CTA-Inhalte und ihre Gruppen stehen in der Mitte. */
  #hero .hero-actions,
  #elg-os .sec-cta {
    justify-content: center;
  }

  #hero .hero-actions > .btn,
  #elg-os .sec-cta > .btn,
  :is(#funktionen, #nutzen, #ventures) .feat-copy > .btn {
    display: flex;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    justify-content: center;
    text-align: center;
  }

  /* Checklisten als mittiger Block mit gemeinsamer linker Lesekante. */
  :is(#funktionen, #nutzen, #ventures) .feat-checks {
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    text-align: left;
  }

  :is(#funktionen, #ventures) .feat-tab {
    justify-content: center;
    text-align: center;
  }

  #nutzen .nk-tabs {
    align-items: center;
    justify-content: center;
  }

  #nutzen .nk-tab {
    text-align: center;
  }

  #nutzen .nk-pfeile,
  #elg-os .os-sockel-kopf {
    justify-content: center;
  }

  #nutzen .nk-menu .nk-pfeile {
    margin-inline: auto;
    align-self: center;
    justify-self: center;
  }

  /* Einzelne Kartenlabels, keine Beschriftung-Wert-Zeilen. */
  #elg-os .os-sockel-kopf > h3,
  #elg-os .os-modul > h4,
  #elg-os .os-lauf-text,
  :is(#funktionen, #nutzen, #ventures) .fc > .fc-head {
    text-align: center;
  }

  /* Porträt, Name und Rolle mittig; bestehende Bildmaße bleiben erhalten. */
  #intro .stimme-wer {
    flex-direction: column;
    align-items: center;
  }

  #intro .stimme-wer .stimme-rolle,
  #intro .spur-nav {
    justify-content: center;
  }

  #intro .spur-nav {
    padding-right: 0;
  }

  /* Kontaktkarten zentrieren; das benachbarte Formular bleibt unberührt. */
  #contact .contact-chip {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  #contact .contact-chip > .ico + span {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  /* Footertexte und Links folgen derselben Mittelachse. */
  footer .foot-brand,
  footer .foot-col,
  footer .foot-promo,
  footer .foot-base {
    text-align: center;
  }

  footer .foot-brand > p {
    margin-inline: auto;
  }

  footer .foot-brand > .logo,
  footer .foot-promo > .link-more {
    width: fit-content;
    margin-inline: auto;
  }

  footer .foot-col ul {
    align-items: center;
  }

  footer .foot-base {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}