/* Pizza Tornado – Startseiten-Kachel „Tornado Delivery Rush“ (nur Startseite, klein). Alle Klassen mit Präfix „rush-“.
   Grundgerüst .aktionen-reihe / .aktion-kachel kommt vom PHP-Teil; hier nur Aussehen und Inhalt der Kachel. */

.aktion-kachel.rush-kachel {
  --rush-k-strasse: 66px;
  --rush-k-stadt: 74px;
  container: rush-kachel / inline-size;
  isolation: isolate;
  padding: 22px;
  border: 0;
  color: #fff;
  background-color: #0B1022;
  background-image: linear-gradient(180deg, #0A0F22 0%, #121A38 48%, #2A2452 calc(100% - var(--rush-k-strasse) - 6px), #3A2A4E calc(100% - var(--rush-k-strasse)));
}
.aktion-kachel.rush-kachel:hover, .aktion-kachel.rush-kachel:focus-visible { color: #fff; }

/* ---------- Szene (rein dekorativ) ---------- */
.rush-kachel-szene { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: inherit; pointer-events: none;
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 255, 255, .85) 0 1px, transparent 1.6px),
    radial-gradient(circle at 23% 31%, rgba(255, 255, 255, .5) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 41% 9%, rgba(255, 255, 255, .7) 0 1px, transparent 1.6px),
    radial-gradient(circle at 57% 24%, rgba(255, 255, 255, .45) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 69% 7%, rgba(255, 255, 255, .8) 0 1.1px, transparent 1.7px),
    radial-gradient(circle at 83% 19%, rgba(255, 255, 255, .55) 0 .8px, transparent 1.4px),
    radial-gradient(circle at 94% 6%, rgba(255, 255, 255, .7) 0 1px, transparent 1.6px),
    radial-gradient(circle at 76% 36%, rgba(255, 255, 255, .35) 0 .8px, transparent 1.4px),
    radial-gradient(120% 55% at 72% calc(100% - var(--rush-k-strasse)), rgba(255, 128, 72, .32), rgba(255, 128, 72, 0) 70%); }

/* Abdunklung hinter dem Text (links/oben), damit er auf der Skyline gut lesbar bleibt */
.rush-kachel-szene::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: var(--rush-k-strasse);
  background: linear-gradient(90deg, rgba(10, 14, 32, .62) 0%, rgba(10, 14, 32, .38) 45%, rgba(10, 14, 32, 0) 78%); }

/* Skyline: Marktkirche, Neues Rathaus, Telemax – rechtsbündig, links abgeschnitten wenn schmal */
.rush-kachel-stadt { position: absolute; z-index: 1; right: -8px; bottom: calc(var(--rush-k-strasse) - 1px);
  width: calc(var(--rush-k-stadt) * 5.3334); height: var(--rush-k-stadt);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 120'%3E%3Cdefs%3E%3ClinearGradient id='rh' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2354463C'/%3E%3Cstop offset='1' stop-color='%238A7055'/%3E%3C/linearGradient%3E%3ClinearGradient id='ku' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23245447'/%3E%3Cstop offset='.45' stop-color='%234E9C86'/%3E%3Cstop offset='1' stop-color='%23224D43'/%3E%3C/linearGradient%3E%3ClinearGradient id='mk' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234A2A2C'/%3E%3Cstop offset='1' stop-color='%2386452F'/%3E%3C/linearGradient%3E%3ClinearGradient id='tm' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23343E58'/%3E%3Cstop offset='.5' stop-color='%237A859D'/%3E%3Cstop offset='1' stop-color='%232E3650'/%3E%3C/linearGradient%3E%3Cpattern id='rf' width='9' height='14' patternUnits='userSpaceOnUse' x='298' y='86'%3E%3Crect width='3.4' height='7' fill='%23FFE3A3' fill-opacity='.72'/%3E%3C/pattern%3E%3Cpattern id='rt' width='9' height='16' patternUnits='userSpaceOnUse' x='366' y='62'%3E%3Crect width='3.6' height='9' fill='%23FFE3A3' fill-opacity='.72'/%3E%3C/pattern%3E%3Cpattern id='rk' width='8' height='8' patternUnits='userSpaceOnUse' x='370' y='46'%3E%3Crect width='3' height='8' fill='%23FFE3A3' fill-opacity='.72'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='%231D2442' d='M0 120V78h16V66h20v12h12V58h22v16h10V70h24v50zM176 120V72h18V60h26v14h16V64h20v56zM470 120V70h14V60h22v10h12V52h18v68zM586 120V74h20V62h34v58z'/%3E%3Crect x='0' y='74' width='34' height='47' fill='%23121730'/%3E%3Crect x='36' y='58' width='30' height='63' fill='%23121730'/%3E%3Crect x='68' y='80' width='26' height='41' fill='%23121730'/%3E%3Cpath fill='%2324192A' d='M96 120V96l20-14 20 14v24z'/%3E%3Crect x='140' y='50' width='26' height='71' fill='url(%23mk)'/%3E%3Cpath fill='%233E6B5E' d='M139 51h28l-14-46z'/%3E%3Cpath fill='%235E9482' d='M153 5l14 46h-14z'/%3E%3Cpath fill='url(%23mk)' d='M139 51l5-9 4 9zM158 51l4-9 5 9zM148 51l5-8 5 8z'/%3E%3Ccircle cx='153' cy='4.5' r='1.6' fill='%23E7C15A'/%3E%3Cpath fill='%232A1A1E' d='M147 62h3v9h-3zM156 62h3v9h-3zM151.5 76a1.5 1.5 0 0 1 3 0v10h-3z'/%3E%3Crect x='172' y='68' width='30' height='53' fill='%23121730'/%3E%3Crect x='204' y='50' width='22' height='71' fill='%23121730'/%3E%3Crect x='228' y='76' width='34' height='45' fill='%23121730'/%3E%3Crect x='264' y='62' width='24' height='59' fill='%23121730'/%3E%3Crect x='292' y='80' width='186' height='41' fill='url(%23rh)'/%3E%3Cpath fill='%232F6457' d='M290 81h190l-6-7H296z'/%3E%3Crect x='292' y='68' width='20' height='53' fill='url(%23rh)'/%3E%3Cpath fill='%232F6457' d='M291 69h22l-11-15z'/%3E%3Crect x='458' y='68' width='20' height='53' fill='url(%23rh)'/%3E%3Cpath fill='%232F6457' d='M457 69h22l-11-15z'/%3E%3Crect x='360' y='56' width='50' height='65' fill='url(%23rh)'/%3E%3Crect x='366' y='42' width='38' height='15' fill='%237A6450'/%3E%3Cpath fill='url(%23ku)' d='M364 44c0-17 10-27 21-29 11 2 21 12 21 29z'/%3E%3Cpath fill='none' stroke='%239ED8C2' stroke-opacity='.35' stroke-width='1' d='M374 43c1-12 5-21 11-26M396 43c-1-12-5-21-11-26'/%3E%3Crect x='381' y='7' width='8' height='9' fill='%239C8669'/%3E%3Cpath fill='%232F6457' d='M380 8h10l-5-7z'/%3E%3Crect x='298' y='86' width='58' height='21' fill='url(%23rf)'/%3E%3Crect x='415' y='86' width='58' height='21' fill='url(%23rf)'/%3E%3Crect x='366' y='62' width='42' height='25' fill='url(%23rt)'/%3E%3Crect x='370' y='46' width='32' height='8' fill='url(%23rk)'/%3E%3Cpath fill='%233A2A26' d='M378 104a7 7 0 0 1 14 0v17h-14z'/%3E%3Crect x='482' y='72' width='26' height='49' fill='%23121730'/%3E%3Crect x='510' y='56' width='30' height='65' fill='%23121730'/%3E%3Cpath fill='url(%23tm)' d='M557 121l2-80h6l2 80z'/%3E%3Crect x='549' y='24' width='26' height='16' rx='3' fill='url(%23tm)'/%3E%3Cpath fill='%230E1326' d='M550 29h24v2.4h-24zM550 34h24v2h-24z'/%3E%3Cpath fill='%23FFE3A3' fill-opacity='.7' d='M552 29h2v2.4h-2zM558 29h2v2.4h-2zM566 29h2v2.4h-2zM555 34h2v2h-2zM569 34h2v2h-2z'/%3E%3Crect x='553' y='17' width='18' height='7' rx='1.5' fill='url(%23tm)'/%3E%3Cpath fill='%23E3241B' d='M561 2h2v4h-2zM561 10h2v4h-2z'/%3E%3Cpath fill='%23E8ECF2' d='M561 6h2v4h-2zM561 14h2v3h-2z'/%3E%3Ccircle cx='562' cy='2' r='4' fill='%23FF3B30' fill-opacity='.3'/%3E%3Ccircle cx='562' cy='2' r='1.6' fill='%23FF5A4E'/%3E%3Crect x='578' y='80' width='22' height='41' fill='%23121730'/%3E%3Crect x='602' y='66' width='38' height='55' fill='%23121730'/%3E%3Cpath fill='%23FFD27A' d='M17 95h3v4h-3zM39 71h3v4h-3zM39 87h3v4h-3zM46 71h3v4h-3zM60 95h3v4h-3zM78 101h3v4h-3zM175 73h3v4h-3zM182 89h3v4h-3zM189 89h3v4h-3zM207 79h3v4h-3zM207 87h3v4h-3zM214 79h3v4h-3zM221 55h3v4h-3zM221 103h3v4h-3zM231 105h3v4h-3zM267 83h3v4h-3zM274 75h3v4h-3zM281 99h3v4h-3zM485 77h3v4h-3zM513 61h3v4h-3zM513 69h3v4h-3zM513 77h3v4h-3zM520 101h3v4h-3zM527 69h3v4h-3zM534 69h3v4h-3zM605 79h3v4h-3zM612 87h3v4h-3zM619 71h3v4h-3zM619 87h3v4h-3zM619 103h3v4h-3zM626 103h3v4h-3zM633 87h3v4h-3zM633 103h3v4h-3z'/%3E%3Cpath fill='%23FFD27A' fill-opacity='.5' d='M42 76h3v4h-3zM12 93h3v4h-3zM11 91h3v4h-3zM54 73h3v4h-3zM53 105h3v4h-3zM196 97h3v4h-3zM222 88h3v4h-3zM183 106h3v4h-3zM190 77h3v4h-3zM239 79h3v4h-3zM512 82h3v4h-3zM478 67h3v4h-3zM515 85h3v4h-3zM509 86h3v4h-3zM522 98h3v4h-3zM616 93h3v4h-3zM624 84h3v4h-3zM595 89h3v4h-3zM597 92h3v4h-3zM621 103h3v4h-3zM39 79h3v4h-3zM39 95h3v4h-3zM53 103h3v4h-3zM60 63h3v4h-3zM175 81h3v4h-3zM175 89h3v4h-3zM175 105h3v4h-3zM182 73h3v4h-3zM182 105h3v4h-3zM196 81h3v4h-3zM207 55h3v4h-3zM231 89h3v4h-3zM245 97h3v4h-3zM245 105h3v4h-3zM281 91h3v4h-3zM492 77h3v4h-3zM499 101h3v4h-3zM520 109h3v4h-3zM534 77h3v4h-3zM605 103h3v4h-3zM612 79h3v4h-3z'/%3E%3C/svg%3E") right bottom / 100% 100% no-repeat; }

/* Straße mit Gehweg-Kante, Laternen, nasser Fahrbahn und Mittelstreifen */
.rush-kachel-strasse { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: var(--rush-k-strasse);
  background:
    linear-gradient(180deg, #3B3550 0, #3B3550 2px, #262438 2px, #262438 7px, rgba(255, 255, 255, .14) 7px, rgba(255, 255, 255, .14) 8px, transparent 8px),
    linear-gradient(180deg, #1B1C2B 0, #12131D 100%); }
.rush-kachel-strasse::before { content: ""; position: absolute; left: 0; right: 0; bottom: calc(var(--rush-k-strasse) - 29px); height: 96px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 96'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFC56B' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23FFC56B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='s'%3E%3Cstop offset='0' stop-color='%23FFB65C' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23FFB65C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='30' cy='14' r='22' fill='url(%23g)'/%3E%3Cpath fill='none' stroke='%232C3550' stroke-width='2.2' d='M18 71V18q0-6 7-6h6'/%3E%3Cpath fill='%232C3550' d='M24 10h14l-2 4H26z'/%3E%3Crect x='27' y='14' width='8' height='2.2' rx='1' fill='%23FFE2A6'/%3E%3Cellipse cx='30' cy='85' rx='8' ry='11' fill='url(%23s)'/%3E%3C/svg%3E") right -36px bottom / 220px 96px repeat-x; }
.rush-kachel-strasse::after { content: ""; position: absolute; left: 0; top: 34px; width: calc(100% + 64px); height: 3px;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .5) 0 30px, transparent 30px 64px);
  animation: rush-kachel-fahren 1.6s linear infinite; }

/* Leuchtspuren: Langzeitbelichtung des Rollers (rot = Rücklicht, gelb = Scheinwerfer) + Gegenverkehr oben */
.rush-kachel-spuren { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: var(--rush-k-strasse); }
.rush-kachel-spuren::before, .rush-kachel-spuren::after { content: ""; position: absolute; left: -10px; border-radius: 3px; }
.rush-kachel-spuren::before { right: 87px; bottom: 28px; height: 3px;
  background: linear-gradient(90deg, rgba(255, 59, 48, 0) 0%, rgba(255, 59, 48, .35) 35%, #FF4B3E 100%);
  box-shadow: 0 0 10px 1px rgba(255, 59, 48, .55);
  animation: rush-kachel-glimmen 2.2s ease-in-out infinite; }
.rush-kachel-spuren::after { right: 40px; bottom: 40px; height: 2px;
  background: linear-gradient(90deg, rgba(255, 214, 120, 0) 0%, rgba(255, 214, 120, .3) 40%, #FFE6A6 100%);
  box-shadow: 0 0 9px 1px rgba(255, 200, 90, .5);
  animation: rush-kachel-glimmen 2.2s ease-in-out .5s infinite; }
.rush-kachel-gegen { position: absolute; z-index: 3; left: 0; right: 0; bottom: calc(var(--rush-k-strasse) - 26px); height: 12px; }
.rush-kachel-gegen::before, .rush-kachel-gegen::after { content: ""; position: absolute; height: 2px; border-radius: 2px; }
.rush-kachel-gegen::before { left: 12%; right: -10px; top: 2px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(235, 242, 255, .75) 55%, rgba(255, 255, 255, 0));
  box-shadow: 0 0 8px rgba(220, 232, 255, .45); }
.rush-kachel-gegen::after { left: -10px; right: 34%; top: 8px;
  background: linear-gradient(90deg, rgba(255, 70, 60, 0), rgba(255, 70, 60, .7) 50%, rgba(255, 70, 60, 0));
  box-shadow: 0 0 8px rgba(255, 70, 60, .45); }

/* Roller mit Pizzabox + Scheinwerferkegel */
.rush-kachel-roller { position: absolute; z-index: 4; right: 16px; bottom: 9px; width: 78px; height: 50px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 64'%3E%3Cdefs%3E%3ClinearGradient id='k' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FF4A3D'/%3E%3Cstop offset='1' stop-color='%23B5140D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='53' r='10' fill='%230B0D14'/%3E%3Ccircle cx='24' cy='53' r='5' fill='%235D6578'/%3E%3Ccircle cx='24' cy='53' r='2' fill='%23C7CDD8'/%3E%3Ccircle cx='78' cy='53' r='10' fill='%230B0D14'/%3E%3Ccircle cx='78' cy='53' r='5' fill='%235D6578'/%3E%3Ccircle cx='78' cy='53' r='2' fill='%23C7CDD8'/%3E%3Crect x='3' y='15' width='28' height='17' rx='2.5' fill='%23F6F1E7'/%3E%3Crect x='3' y='15' width='28' height='4.5' rx='2' fill='%23E3241B'/%3E%3Cpath fill='none' stroke='%23E3241B' stroke-width='1.6' stroke-linecap='round' d='M11 24.5h12M13 28h8'/%3E%3Crect x='6' y='32' width='24' height='2.6' rx='1' fill='%232A2F3D'/%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='%233A4766' stroke-width='7' d='M35 29l14 3 2 11h5'/%3E%3Cpath stroke='%2346557A' stroke-width='10' d='M35 27l10-11'/%3E%3Cpath stroke='%2346557A' stroke-width='4.6' d='M46 18l10 6 13-3'/%3E%3Cpath stroke='%23DDE8F5' stroke-opacity='.85' stroke-width='1.6' d='M36.5 22.5l6.5 3.5M57 22.5l5 .5'/%3E%3C/g%3E%3Ccircle cx='48.5' cy='9.5' r='7.5' fill='%23E3241B'/%3E%3Cpath fill='%2314192A' d='M50.5 6h5.5a7.5 7.5 0 0 1 .3 6.5h-5.8z'/%3E%3Cpath fill='%23fff' fill-opacity='.55' d='M43.5 6.5a6 6 0 0 1 5-4v2a4 4 0 0 0-3 3z'/%3E%3Cpath fill='url(%23k)' d='M9 43q1-9 12-9h16q5 0 6 5v4h18l7-20h5l-3 26q-1 4-6 4H44q-4 0-6-3l-2-3H22q-6 0-9 5H9z'/%3E%3Cpath fill='%2314192A' d='M17 31h19q3 0 3 3H15q0-3 2-3z'/%3E%3Cpath fill='url(%23k)' d='M70 45q8-4 17 1l-1 3q-8-3-15 0z'/%3E%3Cpath fill='none' stroke='%23C7CDD8' stroke-width='2.2' stroke-linecap='round' d='M70 22l4-10h6'/%3E%3Crect x='72' y='21' width='5' height='4' rx='1.5' fill='%23FFF1C2'/%3E%3Crect x='7' y='37' width='4' height='3' rx='1' fill='%23FF2B2B'/%3E%3Cpath fill='%23fff' fill-opacity='.35' d='M20 37h14q2 0 3 2H19q0-2 1-2z'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .35s cubic-bezier(.3, 1.4, .5, 1); }
.rush-kachel-roller::before { content: ""; position: absolute; left: 59px; top: 1px; width: 90px; height: 34px; transform-origin: 0 50%;
  background: radial-gradient(ellipse at 0 50%, rgba(255, 236, 170, .55), rgba(255, 236, 170, 0) 70%);
  clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%); }

/* Münzen auf der Fahrbahn (nur wenn Platz ist) */
.rush-kachel-muenzen { position: absolute; z-index: 3; right: 0; bottom: 17px; width: 46px; height: 16px; display: none;
  background: radial-gradient(circle at 6px 6px, rgba(255, 255, 255, .75) 0 1.5px, transparent 2px) 0 0 / 16px 16px space no-repeat,
    radial-gradient(circle, #FFC531 0 5px, #E0A100 5.5px 6px, #FFC531 6.5px 7px, #A86F00 7.4px 8px, transparent 8.4px) 0 0 / 16px 16px space no-repeat;
  filter: drop-shadow(0 0 4px rgba(255, 197, 49, .55)); }

/* ---------- Inhalt ---------- */
.rush-kachel .small-label, .rush-kachel-titel, .rush-kachel-text, .rush-kachel-werte, .rush-kachel-knopf { position: relative; z-index: 5; }
.rush-kachel .small-label { display: block; color: #FFC531; }
.rush-kachel-titel { display: block; margin-top: 6px; color: #fff; font-size: 24px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.08; text-wrap: balance;
  text-shadow: 0 1px 2px rgba(5, 8, 20, .8), 0 2px 14px rgba(5, 8, 20, .75); }
.rush-kachel-text { display: block; margin: 8px 0 18px; color: rgba(255, 255, 255, .9); font-size: 15px; font-weight: 600; line-height: 1.4; text-wrap: pretty;
  text-shadow: 0 1px 2px rgba(5, 8, 20, .9), 0 1px 10px rgba(5, 8, 20, .9); }
.rush-kachel-werte { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 18px; }
.rush-kachel-wert { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 11px 0 9px; border-radius: 999px;
  background: rgba(9, 12, 28, .72); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); color: rgba(255, 255, 255, .9); font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.rush-kachel-wert b { color: #FFC531; font-weight: 800; }
.rush-kachel-wert::before { content: ""; flex: none; width: 15px; height: 15px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFC531' d='M4 1.5h8v4.2a4 4 0 0 1-8 0zM6.8 9.5h2.4v2.3H6.8zM4.6 12.2h6.8v2.3H4.6z'/%3E%3Cpath fill='none' stroke='%23FFC531' stroke-width='1.3' d='M4 3H1.8v1.3A2.6 2.6 0 0 0 4.4 7M12 3h2.2v1.3A2.6 2.6 0 0 1 11.6 7'/%3E%3C/svg%3E") center / contain no-repeat; }
.rush-kachel-gutschein::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFC531' d='M1 4.2A1.2 1.2 0 0 1 2.2 3h11.6A1.2 1.2 0 0 1 15 4.2v1.9a1.9 1.9 0 0 0 0 3.8v1.9a1.2 1.2 0 0 1-1.2 1.2H2.2A1.2 1.2 0 0 1 1 11.8V9.9a1.9 1.9 0 0 0 0-3.8z'/%3E%3Cpath fill='none' stroke='%23151A2A' stroke-width='1.1' stroke-dasharray='1.4 1.2' d='M10.5 3.6v8.8'/%3E%3C/svg%3E"); }
.rush-kachel-knopf { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; margin-top: auto; padding: 0 18px;
  border-radius: 999px; background: #E3241B; color: #fff; font-size: 15px; font-weight: 800; white-space: nowrap;
  box-shadow: 0 6px 18px rgba(227, 36, 27, .5), inset 0 1px 0 rgba(255, 255, 255, .25); }
.rush-kachel-knopf span { display: inline-block; transition: transform .2s ease; }

.rush-kachel:hover .rush-kachel-knopf span, .rush-kachel:focus-visible .rush-kachel-knopf span { transform: translateX(4px); }
.rush-kachel:hover .rush-kachel-roller, .rush-kachel:focus-visible .rush-kachel-roller { transform: translateX(6px); }

@container rush-kachel (min-width: 360px) {
  .aktion-kachel.rush-kachel { --rush-k-stadt: 84px; }
  .rush-kachel-titel { font-size: 26px; }
  .rush-kachel-roller { right: 26px; }
}
@container rush-kachel (min-width: 420px) {
  .rush-kachel-roller { right: 74px; }
  .rush-kachel-spuren::before { right: 145px; }
  .rush-kachel-spuren::after { right: 98px; }
  .rush-kachel-muenzen { display: block; right: 14px; }
}
@container rush-kachel (min-width: 480px) {
  .aktion-kachel.rush-kachel { --rush-k-stadt: 104px; }
  .rush-kachel-titel, .rush-kachel-text { max-width: 64%; }
}
@container rush-kachel (min-width: 640px) {
  .aktion-kachel.rush-kachel { --rush-k-stadt: 118px; }
  .rush-kachel-titel, .rush-kachel-text { max-width: 56%; }
}

@keyframes rush-kachel-fahren { to { transform: translateX(-64px); } }
@keyframes rush-kachel-glimmen { 0%, 100% { opacity: 1; } 50% { opacity: .62; } }

@media (prefers-reduced-motion: reduce) {
  .rush-kachel-strasse::after, .rush-kachel-spuren::before, .rush-kachel-spuren::after { animation: none; }
  .rush-kachel-roller, .rush-kachel-knopf span { transition: none; }
  .rush-kachel:hover .rush-kachel-roller, .rush-kachel:focus-visible .rush-kachel-roller,
  .rush-kachel:hover .rush-kachel-knopf span, .rush-kachel:focus-visible .rush-kachel-knopf span { transform: none; }
}

/* Rekordhalter aus der Bestenliste („Rekord 12.345 · Maxi“) */
.rush-kachel-halter .rush-kachel-name { display: inline-block; vertical-align: bottom; max-width: 16ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }