.topic_list .custom-select {
  margin-bottom: 1rem;
  line-height: 1;
  color: #151515;
  font-family: "Decalotype", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -moz-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
  margin: 0;
  padding: 0 1rem;
  min-width: 15rem;
  border: 0.1875rem solid #D31B21;
  background-color: transparent;
  background-image: url(../../../../img/utils/select2.png);
  background-size: 16px 17px;
  background-position: right 1.5rem center;
  color: #D31B21;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

.topic_list .custom-select option {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.075rem;
  text-transform: none;
  color: #151515;
}

@media (min-width: 992px) {
  .blog-liste .topic_list {
    position: relative;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    padding-left: 5rem;
    height: 13.8rem;
    line-height: 13.8rem;
  }
  .blog-liste .topic_list::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: #F2F2F2;
    z-index: -3;
    left: -moz-calc(50% - 50vw);
    left: calc(50% - 50vw);
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .blog-liste .topic_list::before {
    left: 0;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .blog-liste .topic_list {
    height: 14.25rem;
    line-height: 14.25rem;
  }
}

@media (min-width: 992px) {
  .blog-liste .topic_list + * {
    margin-top: 0;
  }
}