/* HS Beitrags Grid */
.hs-pgrid{
  position: relative;
  padding: 40px 0 32px;
}

.hs-pgrid__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 16px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 0px 10px;
}

.hs-pgrid__title{
  margin:0;
  font-size: 40px;
  line-height: 1.05;
  font-weight: 400;
  font-family: 'Brandon Text Medium';  
  letter-spacing: .2px;
  color: #0b5673;
}

.hs-pgrid__rule{
  max-width: 1440px;
  margin: 0 auto 18px;
  padding: 0 32px;
  height: 2px;
  background: rgba(11, 86, 115, .85);
}

.hs-pgrid__grid{
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.hs-pgrid__card{
  display:block;
  text-decoration:none;
  color: inherit;
}

.hs-pgrid__media{
  position:relative;
  border-radius: 0px;
  overflow:hidden;
  background:#e6e6e6;
  aspect-ratio: 16/9;
}

.hs-pgrid__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.hs-pgrid__img--placeholder{
  width:100%;
  height:100%;
  background:#cfcfcf;
}

.hs-pgrid__card-title{
  margin: 14px 0 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  font-family: 'Brandon Text Medium';  
  color: rgba(140, 110, 92, 1);
}

@media (max-width: 1100px){
  .hs-pgrid__title{ font-size: 34px; }
  .hs-pgrid__grid{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px){
  .hs-pgrid__grid{ grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

@media (max-width: 560px){
  .hs-pgrid__title{ font-size: 28px; }
  .hs-pgrid__grid{ grid-template-columns: 1fr; gap: 40px; }
  .hs-pgrid__card-title{ font-size: 20px; }
}