/* ============================================================
   v171 · Einheitliches Detailseiten-Raster

   - Gemeinsame Textachse für Industrie 5.0, Ledger-Architektur,
     Process Mining und Prozessintelligenz
   - H2-Skalierung näher an der Startseite, aber leicht ruhiger
   - Interaktive Modelle und Diagramme behalten ihre größere Breite
   ============================================================ */

.i5-doc {
  --detail-copy-axis: 820px;
  --detail-body-width: 760px;
  --detail-h2-size: clamp(2.05rem, 3vw, 3.25rem);
  --detail-h2-line: 1.04;
  --detail-h2-spacing: -.048em;
}

/* Gemeinsame linke Textachse innerhalb weiterhin breiter Modell-Container. */
.i5-doc :is(.i50-section-head, .pm-section-head, .pi-section-head),
.ledger-doc .ledger-head,
.ledger-doc .ledger-copy {
  width: min(100%, var(--detail-copy-axis)) !important;
  max-width: var(--detail-copy-axis) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left;
}

/* Einheitliche H2-Größe auf allen Detailseiten. */
.i5-doc :is(.i50-section-head, .pm-section-head, .pi-section-head) .ledger-title,
.ledger-doc .ledger-head .ledger-title,
.ledger-doc .ledger-copy .ledger-title {
  width: 100%;
  max-width: var(--detail-copy-axis) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: var(--detail-h2-size) !important;
  line-height: var(--detail-h2-line) !important;
  letter-spacing: var(--detail-h2-spacing) !important;
  text-align: left;
  text-wrap: balance;
}

/* Fließtext beginnt überall auf derselben Achse und bleibt gut lesbar. */
.i5-doc :is(.i50-intro, .pm-intro, .pi-intro, .pi-breeding-definition),
.ledger-doc :is(.ledger-section-lead, .ledger-copy > p:not(.eyebrow)) {
  width: 100%;
  max-width: var(--detail-body-width) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left;
}

/* Eyebrows folgen derselben Achse. */
.i5-doc :is(.i50-section-head, .pm-section-head, .pi-section-head, .ledger-head, .ledger-copy) > .eyebrow {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

/* Die Intro-Sektion der Prozessintelligenz darf wieder eine breite
   Architekturleiste enthalten; nur ihr Textkopf bleibt schmal. */
.i5-doc.pi-page .subpage-keyvisual > .pi-intro-section > .pi-container {
  max-width: 1160px !important;
}

/* Sondertitel nicht wieder über die gemeinsame Skalierung hinausziehen. */
.i5-doc :is(
  .i50-signature-title,
  .i50-why-title,
  .pm-signature-title,
  .pm-breeding-title,
  .pm-model-head .ledger-title,
  .pi-intro-title,
  .pi-model-head .ledger-title
) {
  max-width: var(--detail-copy-axis) !important;
  font-size: var(--detail-h2-size) !important;
  line-height: var(--detail-h2-line) !important;
  letter-spacing: var(--detail-h2-spacing) !important;
}

/* Der Process-Mining-Einstieg darf natürlich umbrechen, statt die
   Textachse durch eine erzwungene Ein-Zeilen-Komposition zu verlassen. */
.pm-signature-title__result {
  display: block !important;
  white-space: normal !important;
}

.pm-signature-title__result > span {
  display: inline;
}

/* Ledger: gemeinsame Lesebreite statt eigener 720-px-Ausnahme. */
.ledger-doc .container.ledger-wide,
.ledger-doc .subpage-keyvisual > .ledger-section > .container.ledger-wide,
.ledger-doc .ledger-copy,
.ledger-doc .ledger-wide > .i5-claim {
  max-width: var(--detail-copy-axis) !important;
}

/* Abschlussbereiche ebenfalls auf derselben Achse. */
.i5-doc :is(.detail-cta-container, .ledger-cta-container) {
  max-width: var(--detail-copy-axis) !important;
}

.i5-doc :is(.detail-cta-copy, .ledger-cta-copy) {
  width: 100%;
  max-width: var(--detail-body-width) !important;
}

.i5-doc :is(.detail-cta-copy h2, .ledger-cta-copy h2) {
  width: 100%;
  max-width: var(--detail-body-width) !important;
  font-size: clamp(2rem, 2.85vw, 3rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.046em !important;
  text-align: left;
  text-wrap: balance;
}

.i5-doc :is(.detail-cta-copy > p:not(.eyebrow), .ledger-cta-copy > p:not(.eyebrow)) {
  max-width: 720px !important;
  text-align: left;
}

@media (max-width: 760px) {
  .i5-doc {
    --detail-copy-axis: 100%;
    --detail-body-width: 100%;
    --detail-h2-size: clamp(1.9rem, 7.2vw, 2.45rem);
    --detail-h2-line: 1.02;
  }

  .i5-doc :is(.i50-section-head, .pm-section-head, .pi-section-head) .ledger-title,
  .ledger-doc .ledger-head .ledger-title,
  .ledger-doc .ledger-copy .ledger-title {
    text-wrap: pretty;
  }

  .i5-doc :is(.detail-cta-copy h2, .ledger-cta-copy h2) {
    font-size: clamp(1.9rem, 7.8vw, 2.5rem) !important;
  }
}

/* Intro-Container dürfen breit bleiben; die Textköpfe werden oben separat
   auf der gemeinsamen Achse geführt. Damit greifen ältere 720-px-Regeln
   nicht mehr auf die neue Detailseiten-Systematik durch. */
.i5-doc .subpage-keyvisual > .section > .container.i50-container {
  max-width: 1120px !important;
}

.i5-doc .subpage-keyvisual > .section > .container.pm-container,
.i5-doc .subpage-keyvisual > .section > .container.pi-container {
  max-width: 1160px !important;
}

.pm-signature-title__result > span {
  display: inline-block;
  margin-right: .18em;
}

.pm-signature-title__result > span:last-child {
  margin-right: 0;
}

/* Die Startseite arbeitet mit einer gleichmäßigen H2-Hierarchie. Deshalb
   werden frühere gestaffelte Wort- und Zeilengrößen auf den Detailseiten
   auf dieselbe Schriftgröße zurückgeführt. */
.i5-doc .i50-signature-title__bridge,
.i5-doc .i50-why-title .i50-why-line,
.i5-doc .pm-signature-title__word,
.i5-doc .pm-breeding-title__line {
  font-size: 1em !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  transform: none !important;
}

.i5-doc .i50-signature-title__bridge,
.i5-doc .i50-why-title .i50-why-line + .i50-why-line {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.i5-doc .pm-signature-title__result {
  margin-top: 0 !important;
}

.i5-doc .pm-signature-title__word {
  display: inline !important;
  margin-right: 0 !important;
}

.i5-doc .pm-signature-title__mobile-break {
  display: none !important;
}

/* ============================================================
   v171 · Ruhigere gemeinsame Vertikaldramaturgie
   Normale Textsektionen teilen denselben Rhythmus. Die Modelle
   behalten ihre eigene Breite und interne Komposition.
   ============================================================ */
.i5-doc .i50-section,
.i5-doc .pm-section,
.i5-doc .pi-section,
.ledger-doc .section.ledger-section {
  padding-top: 84px !important;
  padding-bottom: 92px !important;
}

.i5-doc :is(.i50-intro-section,.pm-intro-section,.pi-intro-section) {
  padding-top: 46px !important;
  padding-bottom: 78px !important;
}

/* Hero-Emblem: die freigegebene Schild-/Chip-Fassung benötigt mehr
   reale Zeichenfläche als die vorherigen illustrativen Assets. */
.detail-system-emblem--intelligence {
  width: 300px !important;
  height: 292px !important;
}
.detail-system-emblem--intelligence .detail-system-topic--intelligence {
  top: -2px !important;
  width: 154px !important;
  height: 154px !important;
  opacity: .94 !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.35)) drop-shadow(0 0 7px rgba(203,183,127,.10)) !important;
}
.detail-system-emblem--intelligence .detail-system-links {
  top: 132px !important;
  height: 31px !important;
}

/* Ein nicht vorhandener Sprachstand darf nicht auf eine andere Fachseite
   führen. Die Kennzeichnung bleibt sichtbar, aber bewusst inaktiv. */
.language-unavailable {
  display: inline-flex;
  align-items: center;
  color: rgba(245,243,238,.34) !important;
  cursor: not-allowed;
  opacity: .72;
  text-decoration: none;
}
.nav-language-menu .language-unavailable { padding: 10px 14px; }
.language-switch .language-unavailable { padding: 4px 6px; }

@media (max-width: 760px) {
  .i5-doc .i50-section,
  .i5-doc .pm-section,
  .i5-doc .pi-section,
  .ledger-doc .section.ledger-section {
    padding-top: 64px !important;
    padding-bottom: 72px !important;
  }

  .i5-doc :is(.i50-intro-section,.pm-intro-section,.pi-intro-section) {
    padding-top: 30px !important;
    padding-bottom: 62px !important;
  }

  .detail-system-emblem--intelligence {
    width: 226px !important;
    height: 224px !important;
  }
  .detail-system-emblem--intelligence .detail-system-topic--intelligence {
    top: 0 !important;
    width: 104px !important;
    height: 104px !important;
  }
  .detail-system-emblem--intelligence .detail-system-links {
    top: 92px !important;
    height: 26px !important;
  }
}

@media (max-width: 480px) {
  .detail-system-emblem--intelligence .detail-system-topic--intelligence {
    width: 94px !important;
    height: 94px !important;
  }
  .detail-system-emblem--intelligence .detail-system-links {
    top: 84px !important;
  }
}


/* ============================================================
   v186 · Detailseiten-Finale
   - originales Startseiten-V auf allen Detailseiten wiederherstellen
   - erster Folgeabstand unter der Factory auf Detailseiten vereinheitlicht
   - Process-Intelligence-Schild leicht nach unten korrigiert
   ============================================================ */

/* Gleicher Abstand zwischen Factory und dem ersten Folgeblock auf allen
   Detailseiten; orientiert am freigegebenen Startseitenrhythmus. */
.i5-doc :is(.i50-intro-section,.pm-intro-section,.pi-intro-section),
.ledger-doc .subpage-keyvisual > .ledger-section:first-of-type {
  padding-top: 86px !important;
}

/* Process-Intelligence-Emblem: Schild minimal tiefer, damit die Position
   optisch mit den übrigen Detailseiten harmoniert. */
.detail-system-emblem--intelligence .detail-system-topic--intelligence {
  top: 8px !important;
}

@media (max-width: 760px) {
  .i5-doc :is(.i50-intro-section,.pm-intro-section,.pi-intro-section),
  .ledger-doc .subpage-keyvisual > .ledger-section:first-of-type {
    padding-top: 56px !important;
  }

  .detail-system-emblem--intelligence .detail-system-topic--intelligence {
    top: 6px !important;
  }
}


/* ============================================================
   v187 · Process Intelligence Hero-Finishing
   - Schild-Asset technisch zentriert und von Leerraum bereinigt
   - Schild optisch sauber zwischen Lead und Factory gesetzt
   - zu großer Abstand zwischen Factory und Folgeabschnitt reduziert
   ============================================================ */

/* Das neue quadratische Asset besitzt keinen asymmetrischen transparenten
   Rand mehr. Die sichtbare Schildgröße bleibt gegenüber v186 nahezu gleich. */
.detail-system-emblem--intelligence .detail-system-topic--intelligence {
  left: 50% !important;
  top: 14px !important;
  width: 126px !important;
  height: 126px !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
}

/* Die PI-Hero-Bühne entspricht wieder der gemeinsamen 650-px-Bühne.
   Dadurch rückt der erste Textblock um 42 px näher an die Factory. */
@media (min-width: 861px) {
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero {
    min-height: 650px !important;
    padding: 76px 0 88px !important;
  }
}

@media (max-width: 760px) {
  .detail-system-emblem--intelligence .detail-system-topic--intelligence {
    top: 10px !important;
    width: 86px !important;
    height: 86px !important;
  }
}

@media (max-width: 480px) {
  .detail-system-emblem--intelligence .detail-system-topic--intelligence {
    top: 10px !important;
    width: 78px !important;
    height: 78px !important;
  }
}

/* v247 · Alle deutschen Detailseiten nutzen dieselbe äußere Breite wie Ledger. */
.process-mining-doc .container.pm-wide,
.process-intelligence-doc .container.pi219-container,
.i5220-page .i5220-container {
  width: min(calc(100% - 48px), var(--detail-copy-axis)) !important;
  max-width: var(--detail-copy-axis) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width:760px){
  .process-mining-doc .container.pm-wide,
  .process-intelligence-doc .container.pi219-container,
  .i5220-page .i5220-container {
    width: min(calc(100% - 30px), 820px) !important;
  }
}