.downloads-liste .dl-eyebrow {
   font-size: .8rem;
   font-weight: 600;
   letter-spacing: .16em;
   text-transform: uppercase;
   color: var(--jadegruen);
   margin: 0 0 22px;
}

.downloads-liste .dl-list {
   list-style: none;
   margin: 0;
   padding: 0;
   border-top: 1px solid rgba(1, 8, 66, .12);
}

.downloads-liste .dl-list li {
   display: flex;
   align-items: stretch;
   border-bottom: 1px solid rgba(1, 8, 66, .12);
}

.downloads-liste .dl-row {
   display: flex;
   flex: 1 1 auto;
   align-items: baseline;
   gap: 1.5rem;
   padding: 18px 2px;
   text-decoration: none;
   color: var(--darkblue);
   transition: color .2s ease;
}

.downloads-liste .dl-download {
   flex: 0 0 auto;
   display: flex;
   align-items: center;
   gap: .5em;
   padding: 18px 2px 18px 1.75rem;
   text-decoration: none;
   white-space: nowrap;
   font-family: var(--haas-font), sans-serif;
   font-size: .72rem;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: rgba(1, 8, 66, .45);
   transition: color .2s ease;
}

.downloads-liste .dl-download:hover {
   color: var(--jade);
}

.downloads-liste .dl-title {
   flex: 1 1 auto;
   font-family: var(--baskerville-font), serif; /* dieselbe Baskerville-Variable wie sonst auf der Seite */
   font-size: 1.25rem;
   line-height: 1.3;
   font-weight: 400;
}

.downloads-liste .dl-cue {
   flex: 0 0 auto;
   white-space: nowrap;
   font-family: var(--haas-font), sans-serif; /* explizit serifenlos, wie im Muster */
   font-size: .72rem;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: rgba(1, 8, 66, .45);
   transition: color .2s ease;
}

.downloads-liste .dl-cue .pfeil {
   display: inline-block;
   margin-left: .4em;
   transition: transform .2s ease;
}

.downloads-liste .dl-row:hover .dl-title {
   color: var(--jade);
}

.downloads-liste .dl-row:hover .dl-cue {
   color: var(--jade);
}

.downloads-liste .dl-row:hover .dl-cue .pfeil {
   transform: translateX(4px);
}

@media (max-width: 560px) {
   .downloads-liste .dl-row {
      flex-direction: column;
      gap: .35rem;
   }

   .downloads-liste .dl-cue {
      align-self: flex-start;
   }

   .downloads-liste .dl-list li {
      flex-wrap: wrap;
   }

   .downloads-liste .dl-download {
      padding-left: 2px;
   }
}

/* dFlips _df_button-Knopfoptik neutralisieren – wir wollen die nackte Linien-Zeile */
.downloads-liste .dl-row._df_button,
.downloads-liste .dl-row._df_button:hover,
.downloads-liste .dl-row._df_button:focus {
   background: none;
   border: 0;
   border-radius: 0;
   box-shadow: none;
   outline: 0;
   margin: 0;
   min-width: 0;
   width: 100%;
   text-align: left;
   font: inherit;
   cursor: pointer;
}