.post_grid.choosecat {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 96px;
}
.post_grid.choosecat .artikel {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* .post_grid.choosecat .artikel__title {
  flex: 1;
} */
.post_grid.choosecat .artikel__details {
  display: flex;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
}
.post_grid.choosecat .artikel__length {
  float: right;
}
.post_grid.choosecat .artikel__info {
  flex: 1;
}
.artikel__thumb img {
  width: 100%;
  display: flex;
  object-fit: cover;
  height: 250px;
}

.artikel__thumb {
  margin-bottom: 14px;
  flex: 1;
}
.artikel__thumb > a {
  display: flex;
  height: 100%;
}
.artikel__title a {
  text-decoration: none;
}
.artikel__title h3 {
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 24px;
  margin-top: 24px;
  text-decoration: none;
  border-bottom: 2px solid var(--yellow-bg);
  padding-bottom: 12px;
}
article.artikel:after {
  border: 8px solid transparent;
  padding: 32px;
  content: " ";
  position: absolute;
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  left: -32px;
  top: -32px;
  transition: 1s all ease;
  pointer-events: none;
}

article.artikel:hover:after,
article.artikel.stickyPost:after {
  border: 8px solid var(--yellow-bg);
}
article.artikel:hover .svg__pulse,
article.artikel.stickyPost .svg__pulse {
  visibility: visible;
  opacity: 1;
}
.svg__pulse {
  transition: All 1s ease;
  position: absolute;
  top: -66px;
  left: -66px;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
}

select.pni__choose__cat {
  margin-bottom: 90px;
}
@media (max-width: 1025px) {
  .post_grid.choosecat {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 40px;
  }
}

@media (max-width: 767px) {
  .post_grid.choosecat {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 32px;
  }
}