/* ═══════════════════════════════════════════════════════════════════
   Bewegung der eigenen Objekte (12.09.2026)

   Acht Bewegungsarten, eine je Objektteil. Alle folgen derselben Regel wie
   die Anlagewelten-Kacheln der Startseite: **der Endzustand ist der
   Grundzustand.** Jede Keyframe-Liste hat nur ein `from`, die Animation läuft
   `backwards` und genau einmal. Wer die Bewegung abschaltet, sieht das fertige
   Objekt. Wer sie sieht, sieht sie kurz: 600 bis 900 ms, dann steht das Bild.

   Warum nicht `transform` auf dem ganzen SVG: Ein Objekt, das als Ganzes
   hüpft, liest wie ein Emoji-Ersatz. Bewegt wird ein TEIL — der Griff des
   Koffers, der Zeiger der Uhr, die Münze über dem Schwein. Das ist der
   Unterschied zwischen Zeichnung und Aufkleber.
   ═══════════════════════════════════════════════════════════════════ */

.an-objekt{ display:grid; place-items:center; width:38px; height:38px; margin:0 auto 10px; color:var(--akzent-dunkel); }
.an-objekt svg{ width:32px; height:32px; overflow:visible; }
/* transform-box: Ohne sie dreht ein <path> um den Ursprung des SVG, nicht um
   sich selbst — gemessen an der Uhr, deren Zeiger sonst aus dem Bild fuhr. */
.an-objekt svg [class^="o-"]{ transform-box:fill-box; transform-origin:center; }

/* Die gewählte Kachel trägt die Akzentfläche; das Objekt wird dort weiß. */
.an-kachel.gewaehlt .an-objekt{ color:inherit; }

@keyframes o-heben   { from{ transform:translateY(4px); opacity:0; } }
@keyframes o-schwenk { from{ transform:rotate(-8deg); } }
@keyframes o-dreh    { from{ transform:rotate(-25deg); } }
@keyframes o-schreib { from{ stroke-dasharray:22; stroke-dashoffset:22; } }
@keyframes o-puls    { from{ opacity:.15; } }
@keyframes o-fallen  { from{ transform:translateY(-6px); opacity:0; } }
@keyframes o-blick   { from{ transform:translateX(-4px); } }
@keyframes o-wachsen { from{ transform:scaleX(0); } }

.an-objekt .o-heben   { animation:o-heben   .65s var(--ease-aus) backwards; }
.an-objekt .o-schwenk { animation:o-schwenk .8s  var(--ease-aus) backwards; }
.an-objekt .o-dreh    { animation:o-dreh    .75s var(--ease-aus) backwards; }
.an-objekt .o-schreib { animation:o-schreib .9s  var(--ease) backwards; }
.an-objekt .o-puls    { animation:o-puls    .8s  var(--ease) backwards; }
.an-objekt .o-fallen  { animation:o-fallen  .7s  var(--ease-aus) backwards; }
.an-objekt .o-blick   { animation:o-blick   .9s  var(--ease-aus) backwards; }
/* Waagerecht wachsen heißt: am linken Ende beginnen, nicht in der Mitte. */
.an-objekt .o-wachsen { transform-origin:left center; animation:o-wachsen .6s var(--ease-aus) backwards; }

/* Die Objekte der Ergebniskarten sind kleiner und stehen links neben der Zahl. */
.an-wert .an-objekt{ width:30px; height:30px; margin:0 0 6px; }
.an-wert .an-objekt svg{ width:26px; height:26px; }

@media (prefers-reduced-motion:reduce){
  .an-objekt [class^="o-"]{ animation:none !important; }
}

/* Die Bewertungszeile und die Leiste aus eigenen Objekten im Kopf der Strecke
   sind am 12.09.2026 entfallen: Die Plaketten sind jetzt Bilder der Portale
   (analyse.css, .an-plaketten), und an der Stelle der Objektleiste steht die
   Fußleiste mit den echten Bankenlogos (analyse.css, .an-bankenleiste). Die
   Regeln standen bis dahin hier und trafen nichts mehr — eine Regel ohne
   Gegenstand sieht aus wie eine geltende. */