/* =========================================================
   TRAIN MOBIL / MODELLBAHN / WERKSTATT
   Fullwidth Detail Row 1.2.2
   ========================================================= */

.tm-werkstatt-detail-host{
  grid-column:1 / -1;
  min-width:0;
  width:100%;
  margin:0;
}

.tm-werkstatt-detail-host > .tm-werkstatt-detail{
  width:100%;
  box-sizing:border-box;
}

/* Der geöffnete Artikel ist eine eigene vollständige Grid-Zeile. */
.tm-werkstatt-detail-host > .tm-werkstatt-detail.is-open{
  display:block;
  border:1px solid #454b50;
  border-top:2px solid #ffd000;
}

/* Da der Detailblock nicht mehr Kind der Karte ist, darf die Karte
   selbst keine "offen"-Sonderbreite bekommen. */
.tm-werkstatt-card[data-tmw-detail-open="1"]{
  border-color:#3a4045;
}

/* Detailspalten auf der vollen Contentbreite bewusst großzügig nutzen. */
.tm-werkstatt-detail-host .tm-werkstatt-detail__layout{
  grid-template-columns:minmax(0,1.22fr) minmax(430px,.78fr);
  gap:58px;
}

.tm-werkstatt-detail-host .tm-werkstatt-detail__text{
  max-width:900px;
}

.tm-werkstatt-detail-host .tm-werkstatt-gallery{
  width:100%;
}

@media(max-width:1100px){
  .tm-werkstatt-detail-host .tm-werkstatt-detail__layout{
    grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
    gap:38px;
  }
}

@media(max-width:900px){
  .tm-werkstatt-detail-host .tm-werkstatt-detail__layout{
    grid-template-columns:1fr;
  }
}