.audio-player {
  background: #f2f2f2;
  /*border: 1px solid #dfdfdf;*/
  width: 100%;
  display: flex;
  flex-flow: row;
  margin: 20px 0;
  padding: 10px;
}

.audio-player:before{
    content: url("images/pause.png");
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    overflow: hidden; 
    z-index:-1;
}

.audio-player .album-image {
    min-height: 72px;
    width: 72px;
    background-size: contain;
    background-image: url('images/Redaktionsstimme_Icon.png');
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 776px){
    .audio-player .album-image{
        display: none;
    }
}

.audio-player .player-controls {
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  flex: 3;
}

.audio-player #play-btn {
  background-image: url("images/play.png");
  background-size: cover;
  width: 72px;
  height: 72px;
  cursor: pointer;
}
.audio-player #play-btn.pause {
  background-image: url("images/pause.png");
}

.audio-player .time-controls{
    padding-top: 20px;
}

.audio-player .time-controls img{
    width: 25px;
    cursor: pointer;
    margin-right: 10px;
}

.audio-player .time{
    padding-left: 0;
}


.audio-player input[type=range] {
  -webkit-appearance: none;
  -moz-apperance: none;
  border-radius: 0;
  height: 18px;
  background-image: linear-gradient(to right, #ef7b5b 0%, #e4032e 0%, #F5D0CC 0%);
}

.audio-player input[type=range]:focus {
  outline: none;
  border: none;
}

.audio-player input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  height: 0;
  width: 0;
  border: none;
  background: none;
  outline: none;
}

.audio-player input[type=range]::-moz-range-thumb {
  -moz-appearance: none !important;
  /* background-color: #e4032e;
  border: none;
  height: 23px;
  width: 23px;
  border-radius: 50%; */
  display: none !important;
  height: 0;
  width: 0;
  border: none;
  background: none;
  outline: none;
}

.audio-player input[type=range]::-ms-thumb {
    display: none !important;
    height: 0;
    width: 0;
    border: none;
    background: none;
    outline: none;
}

.audio-player input[type="range"]::-moz-range-track {
  border: none;
  background: none;
  outline: none;
}

.audio-player .seek {
  align-items: center;
  justify-content: center;
  flex: 3;
  width: 100%;
}

.audio-player .current-time,
.podcast .entry-meta .byline,
.podcast #breadcrumbs .breadcrumb_last,
.podcast a,
.podcast a:hover,
.podcast .post-body p > a,
.podcast .post-body p > a:hover,
.podcast > header > .content__roofline,
.podcast.loop-post .content__roofline,
.podcast.loop-post .excerpt-more__dots{
    color: #e4032e;
}

.podcast .post-body p > a,
.podcast .post-body p > a:hover{
    border-bottom: 1px dotted #e4032e;
}

.podcast .post-body p > a:hover{
    color: #ef7b5b;
}

.kh-podcast-mark {
    float: right;
    font-size: 1rem;
}

.kh-post-mark.redaktionsstimme{
  background-color: #e4032e;
}

.redaktionsstimme .kh-svg {
    background-image: url('images/podcast_markierung.png?v2');
    background-image: url('images/podcast_markierung.svg?v2');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 51px;
    height: 16px;
}

.podcast-time-link{
  border-bottom: thin dotted #e4032e;
  color: #e4032e;
  cursor: pointer;
}

.kh-podcast-icons {
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 200px));
  gap: 20px;
  margin: 20px 0;
  justify-content: center;
}