/* Train Mobil Modellbahn Page Frame Match Home 1.0
   HOME-Außenrahmen: 1534px
   MODELLBAHN-Innenachse: 1500px
   Differenz: 34px = 17px links + 17px rechts
*/

:root{
  --tm-model-frame:1534px;
  --tm-model-inner:1500px;
  --tm-model-frame-extra:17px;
  --tm-model-line:#17191c;
}

/* Zweite Navigation: Außenrahmen wie Startseite, Navigation innen weiter 1500px. */
.tm-model-subnav{
  width:100% !important;
  max-width:var(--tm-model-frame) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-left:1px solid var(--tm-model-line) !important;
  border-right:1px solid var(--tm-model-line) !important;
  box-sizing:border-box !important;
}
.tm-model-subnav .shell{
  width:100% !important;
  max-width:var(--tm-model-inner) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Hero / Pillars / Values: großer 1534px-Rahmen, 1500px-Inhalt innen. */
.tm-model-page .hero,
.tm-model-page .pillars,
.tm-model-page .values{
  width:100% !important;
  max-width:var(--tm-model-frame) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-left:1px solid var(--tm-model-line) !important;
  border-right:1px solid var(--tm-model-line) !important;
  box-sizing:border-box !important;
}
.tm-model-page .hero > .shell,
.tm-model-page .pillars > .shell,
.tm-model-page .values > .shell{
  width:100% !important;
  max-width:var(--tm-model-inner) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* content und cross sind selbst die Shell.
   Außenbreite wird auf 1534px erweitert, während die bisherige innere
   Contentachse durch +17px Padding je Seite erhalten bleibt. */
.tm-model-page .content,
.tm-model-page .cross{
  width:100% !important;
  max-width:var(--tm-model-frame) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:51px !important;
  padding-right:51px !important;
  border-left:1px solid var(--tm-model-line) !important;
  border-right:1px solid var(--tm-model-line) !important;
  box-sizing:border-box !important;
}

/* Values-Linie liegt nun auf der 1534px-Außenkante, nicht auf dem Inner-Wrapper. */
.tm-model-page .valuesGrid{
  border-left:0 !important;
  border-right:0 !important;
}

/* Globaler Footer auf Modellbahn erhält dieselbe Außenkante wie die Startseite. */
.tm21-global-footer-layout--modellbahn{
  width:100% !important;
  max-width:var(--tm-model-frame) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-left:1px solid var(--tm-model-line) !important;
  border-right:1px solid var(--tm-model-line) !important;
  box-sizing:border-box !important;
}

/* Responsive: auf kleineren Viewports keine feste Überbreite. */
@media(max-width:1534px){
  .tm-model-subnav,
  .tm-model-page .hero,
  .tm-model-page .pillars,
  .tm-model-page .values,
  .tm-model-page .content,
  .tm-model-page .cross,
  .tm21-global-footer-layout--modellbahn{
    max-width:100% !important;
  }

  .tm-model-page .content,
  .tm-model-page .cross{
    padding-left:34px !important;
    padding-right:34px !important;
  }
}

@media(max-width:700px){
  .tm-model-page .content,
  .tm-model-page .cross{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}