.podcast_flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rd-spacing-md);
  margin-top: var(--rd-spacing-lg);
}

.podcast-item {
  display: block;
  cursor: pointer;
  height: 560px;
  width: 377px;
  position: relative;
  padding: 1px 0 var(--md, 16px) 0;
  border-radius: 4px;
  border: 1px solid var(--Input-Default, #eaecf0);
  background: var(--BW-White, #fff);
  transition: all 0.2s linear;
  overflow: hidden;
}

.podcast-item:hover {
  border: 1px solid var(--rd-primary-active) !important;
  box-shadow: 0px 0px 4px 1px #e75881;
}

.podcast-image {
  width: 377px;
  height: 375px;
  background-size: contain;
  background-color: var(--rd-list-hover);
}

.podcast-content {
  padding: var(--rd-spacing-md) var(--rd-spacing-x-big);
}

.podcast-tag {
  color: #3b3f59;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: var(--rd-spacing-xx-sm);
}

.podcast-tag:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #3b3f59;
  mask-image: url("/src/img/2024/svg/icons/rd-icon-microphone.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-microphone.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.podcast-title {
  color: var(--rd-primary-active);
  /* font-feature-settings: 'liga' off; */

  /* Headline/H2/H2 Medium */
  /* font-family: "Open Sans"; */
  font-size: var(--rd-fontsize-6);
  /* font-style: normal; */
  font-weight: var(--rd-fontweights-open-sans-1);
  line-height: var(--rd-lineheights-0);
  /* 23.76px */
  /* letter-spacing: 0.18px; */
  margin-bottom: var(--rd-spacing-md);
}

.podcast-referent {
  display: flex;
  gap: 8px;
  align-items: center;
}

.podcast-referent-image {
  width: 40px;
  height: 40px;
  background-size: cover;
  border-radius: 100%;
}

.podcast-referent-name {
  color: var(--Blue-Blue-500, #4073b6);
  font-size: var(--rd-fontsize-4);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.podcast-action {
  position: absolute;
  bottom: 16px;
  right: 24px;
  color: var(--Blue-Blue-500, #4073b6);
  text-align: right;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 132%;
  /* 14.52px */
  letter-spacing: 0.11px;
}

.podcast-action span {
  font-weight: 600;
  line-height: 132%;
  /* 14.52px */
  letter-spacing: 0.11px;
}

.podcast-category-abo {
  display: inline-block;
  position: absolute;
  background-color: var(--rd-input-focused);
  width: 24px;
  height: 24px;
  right: 20px;
  mask-image: url("/src/img/2024/svg/icons/bell-off.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/bell-off.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  cursor: pointer;
}
.podcast-category-abo.aktiv {
  mask-image: url("/src/img/2024/svg/icons/bell-on.svg");
  -webkit-mask-image: url("/src/img/2024/svg/icons/bell-on.svg");
  background-color: var(--rd-primary-active);
}