/* ============================================================
   v225 · Hero-Rückführung auf monumentale, frei schwebende Factory
   - Startseite und Detailseiten teilen sich wieder eine feste Factory-Bühne
   - Factory sitzt auf allen Seiten an derselben Position
   - Startseite erhält wieder mehr Präsenz
   - Seitennavigation auf Detailseiten wird ruhiger und höher platziert
   ============================================================ */

:root {
  --v225-divider: rgba(203, 183, 127, 0.20);
  --v225-home-hero-height: 760px;
  --v225-detail-hero-height: 760px;
  --v225-home-mobile-height: 750px;
  --v225-detail-mobile-height: 840px;
  --v225-shared-stack-top: 320px;
  --v225-shared-mobile-stack-top: 410px;
  --v225-factory-w: 352px;
  --v225-factory-h: 225px;
  --v225-emblem-w: 390px;
  --v225-emblem-h: 364px;
  --v225-emblem-h-intelligence: 374px;
  --v225-nav-top: 618px;
  --v225-nav-width: min(1160px, calc(100vw - 104px));
}

/* Hero-Bühnen angleichen und unteren Abschluss sauber halten. */
.hero-field.hero-centered > .hero.hero-dark,
.subpage-keyvisual > .module-hero.hero.hero-dark {
  position: relative !important;
  overflow: visible !important;
  border-bottom: 1px solid var(--v225-divider) !important;
  box-sizing: border-box !important;
}

@media (min-width: 861px) {
  .hero-field.hero-centered > .hero.hero-dark {
    height: var(--v225-home-hero-height) !important;
    min-height: var(--v225-home-hero-height) !important;
  }

  .ledger-doc .subpage-keyvisual > .module-hero,
  .process-mining-doc .subpage-keyvisual > .module-hero,
  .process-intelligence-doc .subpage-keyvisual > .module-hero,
  .i5-doc .subpage-keyvisual > .module-hero {
    height: var(--v225-detail-hero-height) !important;
    min-height: var(--v225-detail-hero-height) !important;
  }

  /* V läuft wieder vollständig bis zur unteren Hero-Kante. */
  .hero-field.hero-centered::before {
    height: var(--v225-home-hero-height) !important;
    background-size: auto 113.636% !important;
    background-position: center top !important;
  }

  .subpage-keyvisual::before {
    height: var(--v225-detail-hero-height) !important;
    background-size: auto 113.636% !important;
    background-position: center top !important;
  }

  /* Gemeinsame, ruhige Factory-Bühne: frei schwebend und fix. */
  .hero-field.hero-centered .hero-emblem-stack,
  .ledger-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .pi-hero-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack {
    position: absolute !important;
    top: var(--v225-shared-stack-top) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 4 !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem:not(.detail-system-emblem--intelligence) {
    --factory-w: var(--v225-factory-w) !important;
    --factory-h: var(--v225-factory-h) !important;
    width: var(--v225-emblem-w) !important;
    height: var(--v225-emblem-h) !important;
  }

  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: var(--v225-factory-w) !important;
    --factory-h: var(--v225-factory-h) !important;
    width: var(--v225-emblem-w) !important;
    height: var(--v225-emblem-h-intelligence) !important;
  }

  /* Startseite wieder monumental statt verkleinert. */
  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 10px !important;
    width: 320px !important;
    height: 178px !important;
    margin-left: -160px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 0 38px !important;
  }

  /* Seitennavigation ruhiger an den Außenkanten, nicht auf der Trennlinie. */
  .detail-page-sequence,
  .detail-page-sequence--intelligence {
    top: var(--v225-nav-top) !important;
    width: var(--v225-nav-width) !important;
    min-height: 56px !important;
    padding: 0 6px !important;
    align-items: center !important;
  }

  .detail-page-nav {
    min-width: 216px !important;
  }

  .detail-page-nav__label {
    max-width: 220px !important;
  }
}

@media (max-width: 860px) {
  .hero-field.hero-centered > .hero.hero-dark {
    height: var(--v225-home-mobile-height) !important;
    min-height: var(--v225-home-mobile-height) !important;
  }

  .ledger-doc .subpage-keyvisual > .module-hero,
  .process-mining-doc .subpage-keyvisual > .module-hero,
  .process-intelligence-doc .subpage-keyvisual > .module-hero,
  .i5-doc .subpage-keyvisual > .module-hero {
    height: var(--v225-detail-mobile-height) !important;
    min-height: var(--v225-detail-mobile-height) !important;
  }

  .hero-field.hero-centered::before {
    height: var(--v225-home-mobile-height) !important;
    background-size: auto 112% !important;
    background-position: center top !important;
  }

  .subpage-keyvisual::before {
    height: var(--v225-detail-mobile-height) !important;
    background-size: auto 112% !important;
    background-position: center top !important;
  }

  .hero-field.hero-centered .hero-emblem-stack,
  .ledger-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .pi-hero-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack {
    top: var(--v225-shared-mobile-stack-top) !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem:not(.detail-system-emblem--intelligence) {
    --factory-w: 284px !important;
    --factory-h: 182px !important;
    width: 322px !important;
    height: 324px !important;
  }

  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: 284px !important;
    --factory-h: 182px !important;
    width: 322px !important;
    height: 336px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 8px !important;
    width: 258px !important;
    height: 186px !important;
    margin-left: -129px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 !important;
    width: 258px !important;
  }

  .detail-page-sequence,
  .detail-page-sequence--intelligence {
    top: 728px !important;
    width: calc(100% - 28px) !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 520px) {
  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem:not(.detail-system-emblem--intelligence) {
    --factory-w: 272px !important;
    --factory-h: 174px !important;
    width: 308px !important;
    height: 310px !important;
  }

  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: 272px !important;
    --factory-h: 174px !important;
    width: 308px !important;
    height: 320px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    width: 248px !important;
    margin-left: -124px !important;
  }
}