/* ===========================================================================
   DORADOO - SCHILD "BEENDET" AUF ABGELAUFENEN INSERATEN
   ---------------------------------------------------------------------------
   BEFUND 02.09.2026: von 130 Inseraten in der Trefferliste sind **89
   abgelaufen**, 30 laufen noch, 11 haben kein Enddatum. Zwei Drittel der
   Suchergebnisse sind also Angebote, die es nicht mehr gibt; das aelteste
   endete am 02.02.2026. Beim Filter "Autos" waren auf Seite 1 sechs von
   sechs Treffern beendet.

   Die View sortiert nicht nach Enddatum aus. Bis entschieden ist, ob sie
   das tun soll, werden die abgelaufenen wenigstens KENNTLICH gemacht.
   Das Schild setzt die Regel "Doradoo - Beendet (JS)"; hier steht nur,
   wie es aussieht. Das Wort selbst kommt aus Drupal.t, nicht aus dem CSS.

   Das Enddatum steht auf jeder Karte in .info-node .date - auf der
   Startseite, im Anbieterprofil, auf der Ergebnisseite und bei den
   aehnlichen Angeboten der Artikelseite. Deshalb eine einzige Regel
   fuer alle: Theme doradoo, kein Pfad, alle Bildschirmgroessen.

   Das Bild wird NICHT abgedunkelt - vorerst nur markieren, wie
   besprochen. Ein Abdunkeln waere eine Zeile mehr:
   .item.dd-beendet .image img { opacity: .72 }
   =========================================================================== */

/* Das Schild sitzt oben links im Bild - oben rechts ist das Lesezeichen. */
.item .image {
  position: relative;
}

.dd-beendet-schild {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 2 !important;
  display: inline-block !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  background: #33333a !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* Auf dem Handy ist die Karte 181 px breit - dort etwas kleiner. */
@media screen and (max-width: 1239px) {
  .dd-beendet-schild {
    top: 6px !important;
    left: 6px !important;
    padding: 2px 7px !important;
    font-size: 10px !important;
  }
}