.rd-user-modul-progress{
  display:block;
  position:relative;
  padding: var(--rd-spacing-md);
}
.rd-user-progress-lektion{
    font-size: var(--rd-fontsize-4);
    font-weight: var(--rd-fontweights-open-sans-0);
    letter-spacing: 0;
    color: var(--rd-font-dark);
    line-height: 19px;
    display: block;
}
.rd-user-progress-video,
.rd-user-progress-audio,
.rd-user-progress-text,
.rd-user-progress-test{
  display: grid;
  grid-template-areas:
    "ICON TEXT TIME DATE";
  grid-template-columns: 16px auto 80px 320px;
  gap: var(--rd-spacing-sm);
  margin-bottom: var(--rd-spacing-x-sm);
  align-content: center;
  background-color: var(--rd-input-disabled);
  padding: var(--rd-spacing-xx-sm);
}
.admin .rd-user-progress-video,
.admin  .rd-user-progress-audio,
.admin  .rd-user-progress-text,
.admin  .rd-user-progress-test{
     grid-template-areas:
           "ICON TEXT TIME DATE ACTION";
     grid-template-columns: 16px auto 80px 361px 40px;
}
.rd-user-progress-video-icon,
.rd-user-progress-audio-icon,
.rd-user-progress-text-icon,
.rd-user-progress-test-icon{
  position:relative;
}
.rd-user-progress-video-icon:before,
.rd-user-progress-audio-icon:before,
.rd-user-progress-text-icon:before,
.rd-user-progress-test-icon:before{
  content:'';
  display: inline-block;
  background-color: var(--rd-primary-active);
  width: var(--rd-spacing-md);
  height: var(--rd-spacing-md);
  vertical-align: middle;
   mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;

}
.rd-user-progress-video-icon:before{	
  mask-image: url("/src/img/svg/arrow_icon.svg");
    -webkit-mask-image: url("/src/img/svg/arrow_icon.svg");
}
.rd-user-progress-audio-icon:before{	
  mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
    -webkit-mask-image: url("/src/img/svg/af/microphone-lines-solid.svg");
}
.rd-user-progress-text-icon:before{
      mask-image: url("/src/img/2021/svg/text-content.svg");
    -webkit-mask-image: url("/src/img/2021/svg/text-content.svg");
}
.rd-user-progress-test-icon:before{
      mask-image: url("/src/img/2021/svg/question-sign.svg");
    -webkit-mask-image: url("/src/img/2021/svg/question-sign.svg");
}
.rd-user-progress-video-title,
.rd-user-progress-audio-title,
.rd-user-progress-text-title,
.rd-user-progress-test-title{
color: var(--rd-font-dark);
/* font-weight: var(--rd-fontweights-open-sans-1); */
}
.rd-user-progress-duration{
color: var(--rd-input-focused);
font-weight: var(--rd-fontweights-open-sans-1);
font-size: var(--rd-fontsize-3);
}
.rd-user-progress-date{
  font-weight: var(--rd-fontweights-open-sans-1);
  font-size: var(--rd-fontsize-4);
}
.rd-user-progress-video-actions-add > i{

}
.rd-user-progress-set-by{
font-size: var(--rd-fontsize-1);
font-style: italic;
color: var(--rd-primary-active);
}


[data-popup="Lernpunkte Historie"] legend{
font-size: var(--rd-fontsize-5);
font-weight: var(--rd-fontweights-open-sans-1);
}