/* V058: Gemeinsamer Merkmalsblock für Hausideen-Übersichtsseiten.
   Die Daten werden aus den bestehenden Hausdetailseiten übernommen.
   Keine Auswirkungen auf Hausdetailseiten, Hauptnavigation oder Admin. */
.house-idea-facts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-block:1px solid #d9dbd5;
  margin:18px 0;
  color:#24332b;
}
.house-idea-fact {
  box-sizing:border-box;
  display:flex;
  min-width:0;
  padding:14px 7px 12px;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:4px;
  line-height:1.3;
}
.house-idea-fact:not(:nth-child(4n + 1)){border-left:1px solid #d9dbd5}
.house-idea-fact:nth-child(n + 5){border-top:1px solid #d9dbd5}
.house-idea-fact svg {
  width:23px;
  height:23px;
  flex:none;
  display:block;
  color:#718078;
}
.house-idea-fact strong {
  max-width:100%;
  color:#1e2b25;
  font-size:clamp(.71rem,.9vw,.86rem);
  line-height:1.35;
  font-weight:700;
  overflow-wrap:break-word;
}
.house-idea-fact span {
  max-width:100%;
  font-size:.69rem;
  color:#5e665e;
  line-height:1.3;
  overflow-wrap:break-word;
}
/* Acht Angaben benötigen lesbare Kartenbreite: zwei statt drei Spalten. */
.v051-bungalows-uebersicht .v056-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px}
.v051-bungalows-uebersicht .v056-card .house-idea-facts {margin-top:auto; margin-bottom:19px}
.v051-bungalows-uebersicht .v056-card .house-idea-facts span::before {content:none}
/* Der EFH-Merkmalsblock gehört zum vorhandenen Planungsabschnitt und liegt unter Bild und Text. */
.v042-featured-idea .house-idea-facts {margin:25px 0 0}
@media(max-width:900px){
  .v051-bungalows-uebersicht .v056-cards{grid-template-columns:1fr;gap:30px}
}
@media(max-width:620px){
  .house-idea-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .house-idea-fact{padding:13px 8px 12px}
  .house-idea-fact:nth-child(n){border-left:0;border-top:0}
  .house-idea-fact:nth-child(even){border-left:1px solid #d9dbd5}
  .house-idea-fact:nth-child(n+3){border-top:1px solid #d9dbd5}
  .house-idea-fact strong{font-size:.82rem}
}