/* Only the German VANIV Roadmap uses this stylesheet.
   Dedicated milestone classes cannot inherit the global .step 42px badge rule. */
.vaniv-community .vc-milestones{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:18px;
 width:100%;
 align-items:stretch;
}
.vaniv-community .vc-milestones > .vc-milestone{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:flex-start;
 float:none;
 position:static;
 transform:none;
 width:auto;
 max-width:100%;
 min-width:0;
 height:auto;
 min-height:0;
 margin:0;
 padding:24px;
 overflow-wrap:anywhere;
 white-space:normal;
 background:#121f2a;
 border:1px solid rgba(128,177,202,.24);
 border-radius:14px;
 color:#f0f7fc;
 font-size:inherit;
 font-weight:inherit;
 line-height:1.55;
 box-sizing:border-box;
}
.vaniv-community .vc-milestone > strong{
 display:block;
 margin:0 0 15px;
 color:#00d4ff;
 font-size:.9rem;
 line-height:1.2;
 font-weight:900;
}
.vaniv-community .vc-milestone > h3{
 display:block;
 width:100%;
 margin:0 0 12px;
 color:#fff;
 line-height:1.32;
 font-size:1.21rem;
}
.vaniv-community .vc-milestone > p{
 display:block;
 position:static;
 width:100%;
 margin:0;
 color:#bfd0de;
 line-height:1.72;
 font-size:1rem;
}
@media(max-width:950px){
 .vaniv-community .vc-milestones{
  grid-template-columns:minmax(0,1fr);
  gap:16px;
 }
 .vaniv-community .vc-milestones > .vc-milestone{
  padding:22px;
  min-height:0;
  height:auto;
 }
}
@media(max-width:520px){
 .vaniv-community .vc-milestones > .vc-milestone{padding:20px}
 .vaniv-community .vc-milestone > h3{font-size:1.12rem}
}