/* ===========================================================================
   Prelaunch – Ergänzungen zu style.css (Kopie aus Website/css/).
   Eine Seite, alles mittig: Titel, Countdown, Kalender, Vernissage.
   =========================================================================== */

.prelaunch {
  display: grid;
  align-content: center;
  gap: clamp(2.75rem, 7vh, 4.5rem);
  padding-block: clamp(2.5rem, 8vh, 5rem);
}

/* Ohne Cover trägt der Titel die Seite allein */
.prelaunch .titel { font-size: clamp(1.55rem, 5.4vw, 2.9rem); text-wrap: balance; }
.prelaunch .tagline { margin: 1.25rem 0 clamp(2rem, 6vh, 3rem); }
.prelaunch .countdown { max-width: 20rem; }
.prelaunch .countdown-datum { margin: 1.25rem 0 2rem; }
.prelaunch .erschienen { margin-top: 1rem; }

.vernissage { max-width: 30rem; }
.vernissage .termin { padding: 1.4rem 1.5rem 1.2rem; }
.vernissage .termin p { margin-bottom: .6em; }
.am-stueck { white-space: nowrap; }

.prelaunch + .fuss { padding-block: 1.75rem; }
.prelaunch + .fuss .huelle { align-items: center; }
.prelaunch + .fuss p { margin: 0; }

@media (max-width: 30rem) {
  .prelaunch + .fuss .huelle { flex-direction: column; text-align: center; }
}