img.image { /*dummy content*/
 object-fit: cover;
 width: 100%;

 object-position: center center;
 aspect-ratio:16 / 9;
} 


.thumb
{
 width:100%;
 overflow: hidden;
 padding-top: 56.25%;
 position: relative;
 margin-bottom:15px;

}
.thumb img
{
 position:absolute;
 left: 0px; top: 0px;
 object-fit: cover;
 width:100%;
 height: auto;
 object-position: center center;
 aspect-ratio:16/9;

}
.archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 0em;
  margin-top:1em;
}

.teampanel {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 1em;
  margin-top:1em;
}


.teampanel .img.image { /*dummy content*/
 object-fit: cover;
 width: 100%;

 object-position: center center;
 aspect-ratio:16 / 9;
} 


.teampanel .thumb
{
 width:100%;
 overflow: hidden;
 padding-top: 125%;
 position: relative;

}
.teampanel .thumb img
{
 position:absolute;
 left: 0px; top: 0px;
 object-fit: cover;
 width:100%;
 height: auto;
 object-position: center center;

}

.archivetwo {

display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); 
  
}

.tresp {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    
    max-width:900px;
    margin:0px auto;
}
.tresp article {
   flex-wrap:wrap;
   flex-basis:33.3333%;
}

.post-title {
     font-size:12pt;font-weight:bold;
}
.post-info-panel {


}

.post-info {


}

.panelpager {
    margin-top:1em;
}
.article {
  padding: 0.4em;
  background: #fff;
  /*box-shadow:0 0px 3px rgba(0, 0, 0, 0.1),0 3px 3px rgba(0, 0, 0, 0.05);*/
  position:relative;

   
}
@media screen and (max-width: 789px) {
  .archive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-gap: 0em;
  }
  .thumb
  {
   width:100%;
   padding-top: 0;
   overflow: initial;
   position: relative;
  
  }
  .thumb img
  {
 position: relative;
   width: 100%;
   height: auto;
  aspect-ratio:initial;
  
  
  }



   .teampanel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 0.6em;
  }
 .teampanel .thumb
  {
   width:100%;
   padding-top: 0;
   overflow: initial;
   position: relative;
  
  }
 .teampanel .thumb img
  {
 position: relative;
   width: 100%;
   height: auto;
  aspect-ratio:initial;
  
  
  }

 .tresp article {
   flex-wrap:wrap;
   flex-basis:100%;
}
}