/* =========================================================
   TRAIN MOBIL / MODELLBAHN / DECALS
   Process Icons 1.0
   ========================================================= */

.tm-decals-process article{
  position:relative;
  min-height:270px;
  padding:24px 24px 26px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,208,0,.018),rgba(255,208,0,0) 54%),
    #0b0e10;
  transition:border-color .18s ease, transform .18s ease, background .18s ease;
}

.tm-decals-process article:hover{
  border-color:#3b4146;
  transform:translateY(-2px);
  background:
    linear-gradient(180deg,rgba(255,208,0,.035),rgba(255,208,0,0) 56%),
    #0c0f11;
}

.tm-decals-process article > span{
  margin-bottom:14px;
  font-size:28px;
  line-height:1;
}

.tm-decals-process__icon{
  width:74px;
  height:74px;
  margin:0 0 22px;
  border:1px solid rgba(255,208,0,.82);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(255,208,0,.06);
}

.tm-decals-process__icon svg{
  width:42px;
  height:42px;
  display:block;
  fill:none;
  stroke:#f5f5f3;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.tm-decals-process h2{
  position:relative;
  margin:0 0 16px;
  padding-bottom:13px;
}

.tm-decals-process h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:36px;
  height:2px;
  background:#ffd000;
}

.tm-decals-process p{
  max-width:300px;
}

@media(max-width:1000px){
  .tm-decals-process article{
    min-height:250px;
  }
}

@media(max-width:520px){
  .tm-decals-process article{
    min-height:0;
  }
}