/* Train Mobil – Hero Shadow Unification 1.0
   Nur Schatten/Overlay. Vorhandene Hero-Bilder bleiben unverändert.
   Links kräftig für Textlesbarkeit, ab Bildmitte deutlich transparenter.
*/
.tm-model-page .hero{
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.90) 0%,
      rgba(0,0,0,.72) 24%,
      rgba(0,0,0,.38) 43%,
      rgba(0,0,0,.12) 60%,
      rgba(0,0,0,.02) 78%,
      rgba(0,0,0,0) 100%),
    var(--hero) !important;
}

.tm-anlage-hero{
  background-image:
    linear-gradient(90deg,
      rgba(3,4,5,.90) 0%,
      rgba(3,4,5,.72) 24%,
      rgba(3,4,5,.38) 43%,
      rgba(3,4,5,.12) 60%,
      rgba(3,4,5,.02) 78%,
      rgba(3,4,5,0) 100%),
    var(--anlage-hero) !important;
}

.tm-projekte-hero.tm-projekte-hero--image{
  background-image:
    linear-gradient(90deg,
      rgba(3,4,5,.90) 0%,
      rgba(3,4,5,.72) 24%,
      rgba(3,4,5,.38) 43%,
      rgba(3,4,5,.12) 60%,
      rgba(3,4,5,.02) 78%,
      rgba(3,4,5,0) 100%),
    url('/media/modellbahn-projekte/hero/projekte-hero-1.0.7.jpg') !important;
}

.tm-werkstatt-hero{
  background:
    linear-gradient(90deg,
      rgba(4,5,6,.90) 0%,
      rgba(4,5,6,.72) 24%,
      rgba(4,5,6,.38) 43%,
      rgba(4,5,6,.12) 60%,
      rgba(4,5,6,.02) 78%,
      rgba(4,5,6,0) 100%),
    var(--tmw-hero),
    linear-gradient(90deg,#0d1013,#0a0c0e) !important;
  background-size:100% 100%,cover,100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

.tm-decals-hero{
  background:
    linear-gradient(90deg,
      rgba(3,4,5,.90) 0%,
      rgba(3,4,5,.72) 24%,
      rgba(3,4,5,.38) 43%,
      rgba(3,4,5,.12) 60%,
      rgba(3,4,5,.02) 78%,
      rgba(3,4,5,0) 100%),
    var(--tm-decals-hero),
    linear-gradient(90deg,#0d1013,#0a0c0e) !important;
  background-size:100% 100%,cover,100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

.tm-gal-hero:before,
.tm-video-hero:before,
.tm-wissen-hero::before,
.tm-wissen-detail-hero::before{
  background:
    linear-gradient(90deg,
      rgba(3,4,5,.90) 0%,
      rgba(3,4,5,.72) 24%,
      rgba(3,4,5,.38) 43%,
      rgba(3,4,5,.12) 60%,
      rgba(3,4,5,.02) 78%,
      rgba(3,4,5,0) 100%),
    var(--hero) !important;
  background-size:100% 100%,cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

/* Wissen nutzt eine eigene Bildvariable. */
.tm-wissen-hero::before,
.tm-wissen-detail-hero::before{
  background:
    linear-gradient(90deg,
      rgba(6,9,11,.90) 0%,
      rgba(6,9,11,.72) 24%,
      rgba(6,9,11,.38) 43%,
      rgba(6,9,11,.12) 60%,
      rgba(6,9,11,.02) 78%,
      rgba(6,9,11,0) 100%),
    var(--tm-wissen-hero) !important;
}

/* Projekt-Detailseiten */
.tm-pma-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pma-hero) !important}
.tm-pam-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pam-hero) !important}
.tm-pv60-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pv60-hero) !important}
.tm-pv100-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pv100-hero) !important}
.tm-pds-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pds-hero) !important}
.tm-pdkw-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pdkw-hero) !important}
.tm-pwl-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pwl-hero) !important}
.tm-pa2995-hero{background-image:linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.72) 24%,rgba(3,4,5,.38) 43%,rgba(3,4,5,.12) 60%,rgba(3,4,5,.02) 78%,rgba(3,4,5,0) 100%),var(--tm-pa2995-hero) !important}
.tm-pa-hero{background:linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.70) 24%,rgba(0,0,0,.34) 43%,rgba(0,0,0,.10) 60%,rgba(0,0,0,0) 82%),var(--hero) center/cover no-repeat !important}

/* Mobile: Textbereich etwas stärker absichern. */
@media(max-width:760px){
  .tm-model-page .hero{
    background-image:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.08) 100%),var(--hero) !important;
  }
}