/* css/nieuw.css — het lintje NIEUW op de kaart van een wagen
   ==========================================================================
   Hoort bij js/nieuw.js. Dat bestand hangt het lintje op; hier staat hoe het
   eruitziet. Welke wagens het krijgen komt uit data/aanbod.json en dus uit de
   echte datums van indienststelling van ProPlanner.

   ⛔ HET LINTJE LIGT IN DE FOTO en duwt niets opzij. Zou het boven de titel
      staan, dan verspringt de kaart en loopt het rooster op een telefoon uit
      de pas met de kaarten die geen lintje hebben.
   ========================================================================== */
.nw-lint{
  position:absolute; top:10px; left:10px; z-index:2;
  display:inline-block; padding:5px 10px; border-radius:999px;
  background:var(--or, #FF7D38); color:#FFFFFF;
  font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  line-height:1; white-space:nowrap;
  box-shadow:0 2px 8px rgba(20,22,26,.28);
  pointer-events:none;
}
@media (max-width:520px){
  .nw-lint{ top:8px; left:8px; padding:4px 8px; font-size:11px; }
}