#schema-aero{
  width: 100%;
  max-width: 940px;

  /*aspect-ratio:500/330;*/
  /*max-height: 60vh;*/
  margin:0 auto;
}
#schema-aero svg{
  max-width: 100%;
  width: auto;
  height: 100%;

}
#schema-aero svg [id^="zone"]{
    cursor: pointer;
  }

.schema-list .views-element-container{
  column-count: 2;
  column-gap: 20px;
}
@media (min-width: 1024px) {
  .schema-list .views-element-container {
    column-count: 3;
  }
}

@media print{
  .schema-list .views-element-container {


  }


}

.schema-list .views-element-container .views-content{
  break-inside: avoid;
  margin-bottom: 15px;
  padding: 10px;
  transition: all 250ms ease-in-out;
}
.schema-list .views-element-container .views-content.active{
  /*background-color: #F0F8FF;*/
  background-color: #eee;

}
.schema-list .views-element-container .views-content.active h3{
  font-weight: bold;
  color : #00537f;
}
.schema-list .schema-ids ul{
  list-style: none;
  display: inline-flex;
  padding: 0;
  margin: 0;
}
.schema-list .schema-ids .badge{
  font-size: 12px;
  display: flex;
  padding: 3px;
  width: 2em;
  height: 2em;
  justify-content: center;
  align-items: center;
  margin: 2px;
}