/* Weihnachtsfeier-Seite. Der Champagner-Abschnitt (.fest) kommt seit 3.10 aus strecke-de.css. */

/* Einstieg: zwei Bilder, gleiche Unterkante. Das Querbild gibt die Höhe vor, das Hochbild füllt sie. */
.labva .hero-bilder { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-1) var(--gutter); align-items: stretch; }
.labva .hero-bilder .img.hb-quer { aspect-ratio: 3 / 2; }
.labva .hero-bilder .img.hb-hoch { aspect-ratio: 3 / 4; }
.labva .hero-bilder .hb-cap1 { order: 2; padding-bottom: var(--s-3); }
.labva .hero-bilder .hb-hoch { order: 3; }
.labva .hero-bilder .hb-cap2 { order: 4; }
@media (min-width: 768px) {
  .labva .hero-bilder { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: auto auto; }
  .labva .hero-bilder .img.hb-quer { grid-column: 1; grid-row: 1; }
  .labva .hero-bilder .img.hb-hoch { grid-column: 2; grid-row: 1; aspect-ratio: auto; height: auto; min-height: 0; order: 0; }
  .labva .hero-bilder .hb-cap1 { grid-column: 1; grid-row: 2; order: 0; padding-bottom: 0; }
  .labva .hero-bilder .hb-cap2 { grid-column: 2; grid-row: 2; order: 0; }
}

/* Menü-Karte im Champagner-Block: offen, mit Doppellinie statt Kasten – wie die Preislisten und der Fuß der Startseite. */
.labva .menue-karte { padding-top: 6px; }
.labva .menue-karte .rule-didone { margin-bottom: var(--s-2); }
.labva .menue-karte .t-h4 { max-width: 20em; }
.labva .menue-karte > div:last-child { padding-top: var(--s-1); }
@media (min-width: 1024px) { .labva .menue-karte { padding-top: 10px; } }