/* ===========================================================================
   Amorazza - Startseite: die Grafik "Dein Weg bei Amorazza" (V672)
   ---------------------------------------------------------------------------
   Christian am 11.08.: die Grafik und das Reel kommen unten in einen
   Zweispalter, darunter der Weg zum Beziehungstest.

   HIER stehen nur die Grundregeln - die fuer JEDE Fensterbreite gelten.
   Die Zweispaltigkeit macht launch-desktop.css ab 960 Pixeln ueber die
   Rasterbereiche "weg" und "reel". Einspaltig steht die Grafik schlicht
   vor dem Reel, so wie sie im Quelltext steht.

   EIGENE DATEI, nicht in launch.css: die Grafik ist ein Stueck fuer sich
   und laesst sich damit auch wieder herausnehmen, ohne in einer 900
   Zeilen langen Datei zu suchen.

   ALLE FARBEN MIT RUECKFALLWERT (C11) - auf dem Pruefstand liegt
   tokens.css nicht, und ohne den zweiten Wert waere die ganze Regel
   ungueltig.
   =========================================================================== */

body.page-launch .weg-bild {
  display: block;
  width: 100%;
  height: auto;
  /* Die Grafik ist 1672 x 941 und traegt ihren eigenen, cremefarbenen
     Grund. Ohne Hoechstbreite liefe sie auf einem 4K-Schirm auf ueber
     2000 Pixel auf und wuerde alles andere erschlagen. */
  max-width: 900px;
  margin: var(--sec-gap, 40px) auto 0;
  border-radius: var(--r-lg, 14px);
  /* Der Grund der Grafik (creme) und der Seitengrund (rose-50) sind
     beide sehr hell, aber nicht gleich. Eine Haarlinie setzt sie
     voneinander ab, ohne einen Rahmen zu ziehen. */
  border: 1px solid rgba(212, 83, 126, .14);
}

/* V680 (Christian, 11.08.): AM HANDY AUSGEBLENDET.
   Bis hierher stand hier nur ein Kommentar mit dieser Regel und dem
   Satz, das Wegblenden von Inhalt entscheide Christian. Er hat
   entschieden: "weg nur mobile ausblenden".

   DER GRUND, gerechnet: die kleinste Schriftzeile der Grafik ist im
   Original rund 30 Pixel hoch bei 1672 Pixeln Breite. Bei 302 Pixeln
   Anzeigebreite werden daraus 5 Pixel - das ist kein Text mehr,
   sondern ein Muster. Lesbar wird sie ab rund 613 Pixeln Bildbreite.

   DIE SCHWELLE IST 960px, nicht 700: genau dort schaltet
   launch-desktop.css das Zweispalten-Raster ein, in dem die Grafik
   ihren Platz neben dem Reel hat. Darunter gibt es diesen Platz
   nicht - eine eigene Schwelle waere eine zweite Zahl, die jemand
   pflegen muesste.

   display: none, nicht visibility: hidden - das Bild soll am Handy
   auch nicht GELADEN werden. 49 kB, die dort niemand sieht. */
@media (max-width: 959px) {
  body.page-launch .weg-bild { display: none; }
}