Take-away neu: Karte der Umgebung, Pin am Restaurant, Lieferweg zum Zuhause

- Eigene Karten-Grafik (assets/img/map-kaiserslautern.svg) aus OpenStreetMap-Daten rund um die Merkurstraße 13, in Gelbtönen, blendet weich in den Hintergrund und läuft rechts aus dem Bild
- Roter Pin mit Hahn am Restaurant, Karte 'Vor Ort essen oder abholen' mit Route planen und Anrufen
- Gepunkteter Weg die Merkurstraße entlang bis zum App-Symbol 'Zuhause', Karte 'Nach Hause liefern' mit Lieferando und Uber Eats; Weg zeichnet sich beim Scrollen, der Hahn fährt mit
- Handy: Kartenausschnitt mit Pin, darunter die beiden Karten mit Punktlinie
- Gelbe Papierkante jetzt am Ende des Bucket-Abschnitts (Take-away schneidet die Karte ab)

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

index.html

@@ -301,44 +301,46 @@
         </div>
         <p class="buckets__note" data-reveal>Lieber einzeln? Tenders gibt’s ab 5 Stück, Menüs mit Pommes und Coleslaw – <a href="speisekarte.html#chicken">alles auf der Karte</a>.</p>
       </div>
+      <div class="torn torn--in" aria-hidden="true" style="color: var(--yellow)"></div>
     </section>
 
     <!-- ============ TAKE AWAY ============ -->
     <section class="section bg-yellow takeaway" id="bestellen" aria-labelledby="takeaway-title">
-      <div class="torn" aria-hidden="true"></div>
-      <div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="takeaway__burst"></div><div class="fx__dots"></div><div class="fx__mottle"></div><div class="fx__grain"></div></div>
+      <div class="fx" aria-hidden="true"><div class="fx__spot"></div><div class="fx__dots"></div><div class="fx__mottle"></div><div class="fx__grain"></div></div>
       <div class="wrap">
         <span class="kicker kicker--ink" data-reveal>Take away</span>
-        <h2 class="display h2 stroke x3d" id="takeaway-title" data-pop>Hol’s dir. Oder lass kommen.</h2>
-        <p class="takeaway__lead lead" data-reveal>Drei Wege zu deinem Chicken – alle starten in der Merkurstraße 13.</p>
+        <h2 class="display h2 h2--sm stroke x3d" id="takeaway-title" data-pop>Hol’s dir. Oder lass kommen.</h2>
+        <p class="takeaway__lead lead" data-reveal>Zwei Wege zu deinem Chicken: vorbeikommen in der Merkurstraße 13 – oder liefern lassen, direkt bis vor deine Tür.</p>
 
-        <div class="route" data-route>
-          <svg class="route__svg" aria-hidden="true" preserveAspectRatio="none"><path d=""/></svg>
-          <img class="route__rider die-cut" src="assets/img/rooster.svg" alt="" width="179" height="264">
-          <div class="stops">
-            <article class="stop paper" data-reveal>
-              <div class="stop__num">01</div>
-              <h3>Vor Ort essen</h3>
-              <p>Restaurant &amp; Bar mit Plätzen drinnen und draußen. Einfach vorbeikommen – mit größerer Gruppe am besten vorher anrufen.</p>
-              <div class="stop__links">
+        <div class="tstage" data-delivery>
+          <div class="tmap" aria-hidden="true">
+            <img class="tmap__img" src="assets/img/map-kaiserslautern.svg" width="1400" height="1080" alt="" loading="lazy" decoding="async">
+          </div>
+          <svg class="troute" aria-hidden="true"><defs><mask id="troute-mask" maskUnits="userSpaceOnUse"><path class="troute__reveal"/></mask></defs><path class="troute__glow"/><path class="troute__line" mask="url(#troute-mask)"/></svg>
+          <img class="troute__rider die-cut" src="assets/img/rooster.svg" alt="" aria-hidden="true" width="179" height="264">
+          <div class="tspot tspot--shop">
+            <div class="tspot__minimap" aria-hidden="true"><img src="assets/img/map-kaiserslautern.svg" width="1400" height="1080" alt="" loading="lazy" decoding="async"></div>
+            <span class="tpin" aria-hidden="true" data-route-start><span class="tpin__head"><img src="assets/img/rooster.svg" alt="" width="179" height="264"></span><span class="tpin__dot"></span></span>
+            <article class="tcard paper" data-reveal>
+              <span class="tcard__kicker"><svg aria-hidden="true"><use href="#i-pin"/></svg>Merkurstraße 13 · 12–22 Uhr</span>
+              <h3>Vor Ort essen oder abholen</h3>
+              <p>Restaurant &amp; Bar mit Plätzen drinnen und draußen. Oder telefonisch bestellen und heiß mitnehmen.</p>
+              <div class="tcard__links">
                 <a class="is-primary" href="https://www.google.com/maps/dir/?api=1&amp;destination=Merkurstra%C3%9Fe+13%2C+67663+Kaiserslautern" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-pin"/></svg>Route planen</a>
                 <a href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>Anrufen</a>
               </div>
             </article>
-            <article class="stop paper" data-reveal>
-              <div class="stop__num">02</div>
-              <h3>Abholen</h3>
-              <p>Telefonisch bestellen oder bei Lieferando „Abholung“ wählen – und heiß mitnehmen.</p>
-              <div class="stop__links">
-                <a class="is-primary" href="tel:+496313107985"><svg aria-hidden="true"><use href="#i-phone"/></svg>0631 3107985</a>
-                <a href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener">Lieferando</a>
-              </div>
-            </article>
-            <article class="stop paper" data-reveal>
-              <div class="stop__num">03</div>
-              <h3>Liefern lassen</h3>
-              <p>Keine Lust rauszugehen? Bestell bequem über Lieferando oder Uber Eats und lass es dir bringen.</p>
-              <div class="stop__links">
+          </div>
+          <div class="tspot tspot--home">
+            <span class="tapp" aria-hidden="true" data-route-end>
+              <span class="tapp__icon"><svg viewBox="0 0 24 24"><path d="M3.5 11.2 12 4l8.5 7.2V20a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1v-8.8Z" fill="currentColor"/></svg></span>
+              <span class="tapp__label">Zuhause</span>
+            </span>
+            <article class="tcard paper" data-reveal>
+              <span class="tcard__kicker"><svg aria-hidden="true"><use href="#i-bag"/></svg>Lass kommen</span>
+              <h3>Nach Hause liefern</h3>
+              <p>Keine Lust rauszugehen? Bestell bequem über Lieferando oder Uber Eats.</p>
+              <div class="tcard__links">
                 <a class="is-primary" href="https://www.lieferando.de/speisekarte/chickago-boys" target="_blank" rel="noopener"><svg aria-hidden="true"><use href="#i-bag"/></svg>Lieferando</a>
                 <a href="https://www.ubereats.com/de/store/chickago-boys-kaiserslautern/5Yb4dNqDVJOuStkhhdC4qw" target="_blank" rel="noopener">Uber Eats</a>
               </div>