/* Winter-Start im ersten Bildschirm mittig (18.10.2026, Micha: „beim Start ist man ganz oben, ich möchte, dass das richtig
   zentriert ist“). Vorher war der Abschnitt höher als der Platz unter Laufzeile und Kopfleiste (bis 110 px Polster oben,
   100 px unten, Foto mindestens 590 px hoch, Überschrift wuchs nur mit der Breite): in einem Laptopfenster wurde das Foto
   unten abgeschnitten und die Fußzeile des Abschnitts lag unter dem Rand. Jetzt ist er genau so hoch wie der freie Platz
   (Laufzeile 27 px + Kopfleiste 62 px = 89 px), Schrift und Foto sitzen mittig, Polster, Foto und Überschrift richten sich
   auch nach der Fensterhöhe. Sehr niedrige Fenster: Mindesthöhe, dann darf man scrollen. Die Seite startet weiter ganz
   oben, gescrollt wird nichts. Nur ab 681 px, das Handy hat seinen eigenen einspaltigen Aufbau. Nach shopseite.css geladen. */
@media (min-width: 681px) {
  .alpine-hero {
    --winter-kopf: 89px;
    --winter-oben: clamp(26px, 4.5svh, 64px);
    --winter-unten: clamp(50px, 7svh, 80px);
    --winter-inhalt: calc(100svh - var(--winter-kopf) - var(--winter-oben) - var(--winter-unten));
    height: calc(100svh - var(--winter-kopf));
    min-height: 520px;
    padding-top: var(--winter-oben);
    padding-bottom: var(--winter-unten);
  }
  .alpine-copy { padding-bottom: clamp(0px, 2.5svh, 40px); }
  .alpine-copy h1 { font-size: clamp(46px, min(7.15vw, calc(37svh - 178px)), 105px); }
  .alpine-photo-frame { height: min(100%, 760px); min-height: 0; }
  /* Die Regenstudie hängt wie bisher etwas unter der unteren linken Ecke des Fotos, auch wenn das Foto auf hohen
     Bildschirmen bei 760 px aufhört; nie tiefer als 48 px über dem Rand, sonst stieße sie an die Fußzeile. */
  .rain-study { bottom: max(48px, calc(var(--winter-unten) + (var(--winter-inhalt) - min(var(--winter-inhalt), 760px)) / 2 - 36px)); }
}

/* Gilt für alle Breiten (28.10.2026): „JACKEN FÜR / DEN WINTER.“ ist etwa 3 % breiter als das alte „KALTE LUFT.“, für das die
   Schriftgröße ausgelegt ist. Die zwei großen Zeilen laufen darum 5 % kleiner, die gesprühte Zeile bleibt, wie sie ist. */
#winter-title [data-letters] { font-size: .95em; }