/* Archiv einer Campus-Seite. Die Kartenform kommt aus catalog_items.css,
   hier steht nur, was das Archiv anders macht: entsaettigtes Bild und eine
   Karte, die auf Bild, Titel und Kurzbeschreibung zusammengestrichen ist. */

/* Kopfbereich unter dem Header - an der Stelle, an der die Campus-Seite ihre
   Filterleiste hat. */
.archiv-leiste {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}

.archiv-hinweis {
  max-width: 70ch;
  font-size: 15px;
  line-height: 1.55;
  color: #3e4a42;
}

/* ==========================
   Karten
   ========================== */
/* Die Karte ist nicht anklickbar - das Hervorheben beim Ueberfahren entfaellt. */
.card--archiv:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--linie);
}

/* Das Bild bleibt erhalten, damit es bei einer Wiedergruendung nicht neu
   gesucht werden muss. Entsaettigt zeigt es aber, dass hier gerade nichts
   laeuft. */
.card--archiv .card__image img {
  filter: grayscale(0.6);
}

/* Unter der Kurzbeschreibung folgt nichts mehr - der Abstand, den die Karte
   im Katalog fuer Termine und Marken laesst, kann hier weg. */
.card--archiv .card__desc {
  margin-bottom: 0;
}

/* ==========================
   Leeres Archiv
   ========================== */
.archiv-leer {
  padding: 48px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  color: #3e4a42;
}

@media (max-width: 640px) {
  .archiv-hinweis {
    font-size: 14px;
  }
}