/* Downloads – Ausgabe auf der Seite. Nutzt die Hausfarben aus design.css,
   bringt aber eigene Rückfallwerte mit, damit es auch ohne Theme-CSS gut aussieht. */
.gsw-dl{margin:1.5rem 0}

.gsw-dl__karte{
  display:flex;align-items:center;gap:1rem;
  padding:1rem 1.25rem;
  background:var(--blue-s,#e6f5fc);
  border-radius:16px;
  box-shadow:var(--shadow-sm,0 3px 12px rgba(34,50,76,.08));
  color:var(--ink,#22324c);text-decoration:none;
  transition:transform .14s,box-shadow .14s;
}
.gsw-dl__karte:hover,.gsw-dl__karte:focus-visible{
  transform:translateY(-2px);
  box-shadow:var(--shadow,0 6px 22px rgba(34,50,76,.10));
  color:var(--ink,#22324c);
}
.gsw-dl__ic{flex:none;color:var(--blue-d,#1580ad);display:flex}
.gsw-dl__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.gsw-dl__txt strong{font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.12rem;line-height:1.25}
.gsw-dl__txt small{color:var(--ink-2,#5b6a82);font-size:.86rem}
.gsw-dl__btn{
  flex:none;
  font-family:'Fredoka',sans-serif;font-weight:600;font-size:.95rem;
  background:var(--blue-t,#1377a0);color:#fff;
  padding:.6em 1.2em;border-radius:14px;
}
.gsw-dl__karte:hover .gsw-dl__btn,
.gsw-dl__karte:focus-visible .gsw-dl__btn{background:#106a91}

.gsw-dl__leer{
  padding:1rem 1.25rem;border-radius:16px;
  background:var(--yellow-s,#fff6dd);color:var(--ink,#22324c);margin:0;
}






/* Mehrere Dateien stehen untereinander, mit etwas Luft dazwischen. */
.gsw-dl__karte{margin-bottom:.75rem}
.gsw-dl__karte:last-child{margin-bottom:0}

@media (max-width:600px){
  /* Auf schmalen Schirmen rutscht der Knopf unter den Text. Sonst bleibt fuer die
     Ueberschrift so wenig Platz, dass sie mitten im Wort umbricht. */
  .gsw-dl__karte{flex-wrap:wrap;gap:.6rem 1rem}
  .gsw-dl__txt{flex:1 1 calc(100% - 3rem)}
  .gsw-dl__btn{flex:1 0 100%;margin-left:0;text-align:center}
}