/* ============================================================
   v222 · Gemeinsamer Detailseiten-Übergang
   - weicherer Übergang vom Header-/Hero-Bereich in den ersten Textblock
   - kein sichtbares Plateau zwischen Hero und Folgeabschnitt
   - Process-Intelligence-Factory wieder auf gemeinsamer Grundlinie
   ============================================================ */

.i5-doc .subpage-keyvisual,
.ledger-doc .subpage-keyvisual,
.process-mining-doc .subpage-keyvisual,
.process-intelligence-doc .subpage-keyvisual{
  background:#0b0b0d!important;
}

.i5-doc .subpage-keyvisual::after,
.ledger-doc .subpage-keyvisual::after,
.process-mining-doc .subpage-keyvisual::after,
.process-intelligence-doc .subpage-keyvisual::after{
  height:calc(var(--brand-header-canvas-height) + 270px)!important;
  background:
    radial-gradient(118% 100% at 82% -10%, rgba(29,37,47,.94) 0%, rgba(21,27,34,.74) 27%, rgba(14,18,22,.42) 54%, rgba(11,12,15,.12) 74%, transparent 92%),
    linear-gradient(180deg,#12171c 0%, #10141a 34%, rgba(14,17,21,.82) 58%, rgba(11,11,13,.34) 79%, rgba(11,11,13,0) 100%)!important;
}

.i5-doc .subpage-keyvisual > :is(.i50-intro-section,.pm-intro-section,.pi-intro-section),
.ledger-doc .subpage-keyvisual > .ledger-event-section,
.process-mining-doc .subpage-keyvisual > .pm-intro-section,
.process-intelligence-doc .subpage-keyvisual > .pi-intro-section{
  margin-top:-26px!important;
  padding-top:104px!important;
  background:
    radial-gradient(72% 82% at 50% 0, rgba(76,92,108,.09), transparent 57%),
    linear-gradient(180deg, rgba(11,11,13,.04) 0%, rgba(11,11,13,.46) 32%, #0b0b0d 82%)!important;
}

.i5-doc .subpage-keyvisual > .module-hero::after,
.ledger-doc .subpage-keyvisual > .module-hero::after,
.process-mining-doc .subpage-keyvisual > .module-hero::after,
.process-intelligence-doc .subpage-keyvisual > .module-hero::after{
  bottom:-1px!important;
  height:152px!important;
  background:linear-gradient(180deg, rgba(11,11,13,0) 0%, rgba(11,11,13,.16) 28%, rgba(11,11,13,.48) 62%, rgba(11,11,13,.88) 100%)!important;
}

@media(min-width:861px){
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .pi-hero-stack{
    top:262px!important;
  }
}

@media(max-width:860px){
  .i5-doc .subpage-keyvisual::after,
  .ledger-doc .subpage-keyvisual::after,
  .process-mining-doc .subpage-keyvisual::after,
  .process-intelligence-doc .subpage-keyvisual::after{
    height:calc(var(--brand-header-canvas-height) + 210px)!important;
    background:
      radial-gradient(126% 96% at 78% -8%, rgba(27,35,44,.92) 0%, rgba(20,26,33,.68) 28%, rgba(14,18,22,.34) 58%, transparent 88%),
      linear-gradient(180deg,#11161b 0%, #0f1318 42%, rgba(11,11,13,.60) 74%, rgba(11,11,13,0) 100%)!important;
  }
  .i5-doc .subpage-keyvisual > :is(.i50-intro-section,.pm-intro-section,.pi-intro-section),
  .ledger-doc .subpage-keyvisual > .ledger-event-section,
  .process-mining-doc .subpage-keyvisual > .pm-intro-section,
  .process-intelligence-doc .subpage-keyvisual > .pi-intro-section{
    margin-top:-18px!important;
    padding-top:74px!important;
  }
  .i5-doc .subpage-keyvisual > .module-hero::after,
  .ledger-doc .subpage-keyvisual > .module-hero::after,
  .process-mining-doc .subpage-keyvisual > .module-hero::after,
  .process-intelligence-doc .subpage-keyvisual > .module-hero::after{
    height:128px!important;
  }
}