/* Handy: Skizzen aus Bestand und Ankauf auch am Handy (Marlon 30.09.), Handy-Attrappe verkleinert.
   Die Werkstatt-Buehne (3D, Scroll-Explosion) bleibt am Handy wie sie ist, Regeln dazu in abschnitte.css */
@media (max-width: 799px) {
  /* Bestand: Front + Junge unter dem Knopf, vor der Kartei */
  .motiv-papier { margin-top: 40px; --h: clamp(240px, 76vw, 340px); }

  /* Ankauf zusammengezogen (Marlon 01.10.: Handy 'immer noch zu lang', Sektion 'viel zu praesent'). Handy kleiner in echter
     Proportion, der Bogen mit Schluessel und Anhaenger kleiner (88vw) und naeher am Handy. Weiter daneben ging nicht:
     bei 393 px lag die Anhaenger-Schrift dann hinter dem Handy (gemessen 16 px). Inhalt im Bild y 529..1202 von 1628
     (Breite 1400): --ueber px des Inhalts liegen neben dem Handy, die Schrift beginnt erst darunter */
  .buehne-handy { padding: 64px 20px 32px; gap: 16px; --ueber: 38px; }
  .buehne-handy > .motiv-anhaenger { position: relative; order: 1; inset: auto; justify-self: center; width: 88vw;
    margin: calc(-16px - var(--ueber) - 33.25vw) 0 calc(8px - 26.78vw); }
  .buehne-handy > .bilanz, .buehne-handy > .erklaerung { order: 2; }
  #ankauf .handy { zoom: .66; }
  /* Letzte Nachricht endet ueber dem Home-Balken statt darunter */
  #ankauf .app { bottom: 18px; }
  /* Nebenschriften im verkleinerten Schirm (11-12 px x .66 = 7-8 px) auf gut 9 px anheben, das Geraet bleibt gleich gross */
  #ankauf :is(.werte, .chat-kopf span, .verlauf .tag, .verlauf .fotos time) { font-size: 14px; }
  #ankauf :is(.nachrichten i, .postfach .zahl) { font-size: 14px; }
}
}