/* ============================================================
   v196 · Startseiten-Hero: Factory exakt an Detailseiten-Achse ausrichten
   - Desktop: ca. 30 % mehr Präsenz
   - Tablet/Mobile: ca. 50 % mehr Präsenz
   - Code bleibt fein und endet innerhalb der Factory
   - Factory-Achse exakt auf Industrie 5.0 abgeglichen
   - Desktop +6 px, Tablet +13 px, Mobile +15 px nach unten
   - Detailseiten bleiben unverändert
   ============================================================ */

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

  .hero-field.hero-centered .hero-emblem-stack {
    top: 306px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home {
    --factory-w: 338px !important;
    --factory-h: 216px !important;
    width: 364px !important;
    height: 345px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 8px !important;
    width: 312px !important;
    height: 172px !important;
    margin-left: -156px !important;
  }

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

  /* Die Schrift bleibt bewusst fein; nur Fläche und Verteilung wachsen. */
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment {
    font-size: 6.35px !important;
    letter-spacing: .025em !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--01 { top: 3px !important; left: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--02 { top: 4px !important; left: 101px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--03 { top: 3px !important; right: 1px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--04 { top: 17px !important; left: 17px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--05 { top: 18px !important; left: 121px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--06 { top: 17px !important; right: 10px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--07 { top: 31px !important; left: 1px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--08 { top: 33px !important; left: 94px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--09 { top: 31px !important; right: 3px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--10 { top: 46px !important; left: 22px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--11 { top: 47px !important; left: 118px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--12 { top: 46px !important; right: 16px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--13 { top: 60px !important; left: 5px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--14 { top: 61px !important; left: 88px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--15 { top: 60px !important; right: 22px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--16 { top: 74px !important; left: 31px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--17 { top: 75px !important; left: 142px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--18 { top: 74px !important; right: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--19 { top: 88px !important; left: 10px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--20 { top: 90px !important; left: 105px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--21 { top: 88px !important; right: 7px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--22 { top: 103px !important; left: 36px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--23 { top: 104px !important; right: 40px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--24 { top: 117px !important; left: 56px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--25 { top: 117px !important; right: 51px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--26 { top: 130px !important; left: 86px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--27 { top: 130px !important; right: 75px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--28 { top: 117px !important; left: 100px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--29 { top: 117px !important; right: 87px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--30 { top: 129px !important; left: 114px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--31 { top: 8px !important; left: 200px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--32 { top: 109px !important; left: 109px !important; }
}

@media (max-width: 860px) {
  .hero-field.hero-centered .hero-emblem-stack {
    top: 408px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home {
    --factory-w: 276px !important;
    --factory-h: 177px !important;
    width: 315px !important;
    height: 318px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 9px !important;
    width: 250px !important;
    height: 182px !important;
    margin-left: -125px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 !important;
    width: 250px !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 82%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 82%, transparent 100%) !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment {
    font-size: 5.85px !important;
    letter-spacing: .016em !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--01 { top: 0 !important; left: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--02 { top: 3px !important; right: 0 !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--03 { top: 20px !important; left: 12px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--04 { top: 22px !important; right: 11px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--05 { top: 43px !important; left: 27px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--06 { top: 45px !important; right: 25px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--07 { top: 68px !important; left: 43px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--08 { top: 70px !important; right: 40px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--09 { top: 93px !important; left: 60px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--10 { top: 96px !important; right: 57px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--11 { top: 120px !important; left: 78px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--12 { top: 123px !important; right: 74px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--13 { top: 146px !important; left: 91px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--14 { top: 149px !important; right: 87px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--15 { top: 163px !important; left: 102px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--16 { top: 164px !important; right: 98px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--17 { top: 151px !important; left: 110px !important; right: auto !important; }
}

@media (max-width: 480px) {
  .hero-field.hero-centered .hero-emblem-stack {
    top: 410px !important;
  }
}

@media (max-width: 520px) {
  .hero-field.hero-centered .detail-system-emblem--home {
    --factory-w: 267px !important;
    --factory-h: 171px !important;
    width: 303px !important;
    height: 306px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 8px !important;
    width: 246px !important;
    height: 188px !important;
    margin-left: -123px !important;
  }

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

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment {
    font-size: 5.7px !important;
    letter-spacing: .014em !important;
  }

  /* Mobile bleibt bewusst bei elf Fragmenten, verteilt sie aber über die
     größere vertikale Strecke bis in den oberen Factory-Bereich. */
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--01 { top: 0 !important; left: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--02 { top: 3px !important; right: 0 !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--03 { top: 24px !important; left: 13px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--04 { top: 27px !important; right: 12px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--05 { top: 52px !important; left: 30px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--06 { top: 55px !important; right: 27px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--07 { top: 83px !important; left: 47px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--08 { top: 87px !important; right: 44px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--09 { top: 117px !important; left: 66px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--10 { top: 121px !important; right: 62px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--11 { top: 154px !important; left: 88px !important; right: auto !important; }
}