Hero: Zutaten als Fontäne von Hand komponiert statt zufällig gestreut

- Burger wurde von unten getroffen: Salat, Zwiebel, Tomate und Sesam schießen nach oben und fächern zur Seite auf, Bacon liegt waagerecht (sah senkrecht wie Chili aus), keine halb verdeckten unscharfen Teile mehr
- Größere Teile mit klarer Rangfolge, Burger, Schriftzeile, Sticker, Hahn und Text bleiben frei
- Intro: Teile schießen aus der Burger-Mitte hoch, über das Ziel hinaus und setzen sich; Scroll setzt die Bewegung nach oben fort und blendet früher aus
- Zutaten drehen und wachsen um ihre eigene Mitte (transform-origin), Burger wandert beim Scrollen wieder nach oben statt nach unten
- Ausgewählt aus vier Entwürfen (Fontäne, Schlag, Kampagne, Schockwelle)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

assets/css/style.css

@@ -1095,12 +1095,14 @@ body.nav-visible .cat-nav.is-stuck ul { top: var(--nav-h); }
 
 /* ============ Fliegende Zutaten ============ */
 .blast__bits { position: absolute; inset: 0; pointer-events: none; }
-.bit { position: absolute; z-index: 3; }
+.bit { position: absolute; z-index: 3; transform-origin: 0 0; } /* Mittelpunkt der Zutat liegt auf left/top: so drehen und wachsen sie um sich selbst */
 .bit__c { display: block; translate: -50% -50%; }
 .bit__in, .bit__fl { display: block; }
 .bit img { display: block; width: 100%; height: auto; filter: drop-shadow(0 12px 10px rgba(40, 0, 0, .35)); }
 .bit--b { z-index: 1; }
 .bit--b img { filter: blur(1.2px) brightness(.88) drop-shadow(0 8px 8px rgba(40, 0, 0, .3)); }
+.bit--n { z-index: 5; }
+.bit--n img { filter: blur(4px) drop-shadow(0 24px 22px rgba(40, 0, 0, .35)); }
 .hero__burger .blast__bits, .visit__deco .blast__bits, .wings__hero .blast__bits { z-index: auto; }
 .champ__food .bit--f { z-index: 3; }
 @media (max-width: 820px) { .bit--b img { filter: brightness(.9) drop-shadow(0 6px 6px rgba(40, 0, 0, .3)); } }