/* assets/css/countdown-ansagen.css — "Countdown & Ansagen" auf /studio/.
   Markup: _sections/countdown-ansagen.php. Punkte, Hinweis und Wiki-Knopf
   kommen aus galerie-look.css (.gl-*), hier stehen nur Bild und Raster.

   BILD LINKS, PUNKTE RECHTS: das Bild ist 1280x900, die sechs Punkte
   stehen daneben in zwei Spalten. Unter 960 px untereinander, unter
   760 px die Punkte einspaltig.

   FESTES SEITENVERHAELTNIS: das Bild laedt verzoegert, ohne reservierte
   Hoehe springt die Seite. */

.ca-raster {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 28px;
  align-items: start;
}

.ca-bild {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: var(--surface-2);
  overflow: hidden;
}

.ca-bild img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 900;
  object-fit: cover;
}

.countdown-ansagen .gl-punkte {
  margin: 0;
  grid-template-columns: repeat(2, 1fr);
}

.countdown-ansagen .gl-hinweis { margin-top: 24px; }

@media (max-width: 960px) {
  .ca-raster { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .countdown-ansagen .gl-punkte { grid-template-columns: 1fr; }
}