/* 2025 */
.showroom-list {
  /*
  border: 1px solid red;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  .item {
  	flex: 1 1 250px;
  	background: #fff;
  	border: 1px solid #ccc;
  	padding: 20px;
  	border-radius: 10px;
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  }
  */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.showroom-item {
  background: white;
  padding: 0px;
  display: flex;
  /* belangrijk voor gelijke hoogte van de inhoud */
  flex-direction: column;
  /* zodat inhoud netjes onder elkaar staat */
  justify-content: space-between;
  width: 100%;
  color: #999;
}
.showroom-item .name a {
  font-family: "Toyota Bold";
  font-weight: bold;
}
.showroom-item span.hybrid, .showroom-item span.blue {
  font-size: 12px;
  font-weight: bold;
  background: #0072f0;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  position: absolute;
  top: 140px;
  left: 0px;
}
.showroom-item span.elektrisch {
  font-size: 12px;
  background: #7ab93b;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  position: absolute;
  top: 140px;
  left: 0px;
}
.showroom-item span.groengas {
  font-size: 12px;
  background: #21a545;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  position: absolute;
  top: 140px;
  left: 0px;
}
.showroom-item span.verwacht {
  font-size: 12px;
  background: #282830;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  position: absolute;
  top: 140px;
  left: 0px;
}