
  <turbo-stream action="replace" target="products_collection"><template>
    
    <div
      id="products_container"
      class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-2 sm:gap-4"
    >
        <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_92004">
    <div
      class="
        relative card-hover card w-full card-xs lg:card-sm card-compact overflow-clip
        group
      "
      draggable="true"
      data-product-url="https://beta.figuya.com/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-03-collectors-edition-92004-de"
      data-controller="radial-menu"
      data-radial-menu-mode-value="vertical"
      ondragstart="event.dataTransfer.setData('text/uri-list', this.dataset.productUrl); event.dataTransfer.setData('text/plain', this.dataset.productUrl);"
    >
      <figure class="relative">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/03756a7b3cc558d28b213e0ecf122a47.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/03756a7b3cc558d28b213e0ecf122a47.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/03756a7b3cc558d28b213e0ecf122a47.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/03756a7b3cc558d28b213e0ecf122a47.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/03756a7b3cc558d28b213e0ecf122a47.png
          480w" sizes="(min-width: 1536px) 16vw, (min-width: 1280px) 20vw,
          (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 45vw" width="320"
          height="320" class="object-cover w-full aspect-square bg-base-300
          transition-[filter,opacity] duration-300
          
          
          " alt="Astelle und der geheime Sohn des Kaisers - Altraverse - Band 03 Collectors Edition" loading="eager" decoding="sync"
          fetchpriority="high"
          onload="this.classList.remove('opacity-0')" >

        <span class="badge badge-sm badge-success whitespace-nowrap absolute top-2 left-2 z-20">
  Auf Lager
</span>



        <span class="absolute bottom-1 right-1 z-20">
          
        </span>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-03-collectors-edition-92004-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Astelle und der geheime Sohn des Kaisers - Altraverse - Band 03 Collectors Edition</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="font-bold">30,00 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="relative flex-1">
              <form class="contents" method="post" action="/de/cart_line_items?product_id=92004"><button class="btn btn-primary btn-outline px-2 w-full" type="submit">
                <i class="fa-solid fa-cart-plus"></i>
                In den Korb
</button><input type="hidden" name="authenticity_token" value="Ga2MWTVOo3q8im1RjI93UGN9JqfXvlA29FApk3MShYDV0d2esJrsf0SuF5fw5DJePp4i_2AB4Z06czb5zvbKrA" /></form>          </div>
          <button
            class="btn btn-neutral btn-outline px-2"
            data-action="radial-menu#toggle"
            data-radial-menu-target="trigger"
            aria-label="Aktionen"
            aria-expanded="false"
          >
            <i class="fa-solid fa-ellipsis-vertical"></i>
          </button>

          
<div
  data-radial-menu-target="overlay"
  data-action="click->radial-menu#close"
  class="absolute inset-0 z-30 glass pointer-events-none opacity-0"
></div>

<div
  data-radial-menu-target="menu"
  class="
    absolute bottom-16 right-2 z-40 flex flex-col-reverse gap-2 transition-all
    duration-200 origin-bottom scale-0 opacity-0 pointer-events-none
  "
>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="In den Warenkorb"
    >
      <form class="button_to" method="post" action="/de/cart_line_items?product_id=92004"><button aria-label="In den Warenkorb" class="btn btn-circle btn-primary btn-outline" type="submit">
        <i class="fa-solid fa-cart-plus"></i>
</button><input type="hidden" name="authenticity_token" value="0sb__GBjnbRvXrV1wv6pX94wV8rciS9nHUPNablpAuseuq475bfSsZd6z7O-lexRg9NTkms2nszTYNIDBI1Nxw" /></form>    </div>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="Preisvorschlag"
    >
      <button class="btn btn-circle btn-success btn-outline" type="button" onclick="var d=document.getElementById(&#39;barter_request_modal&#39;); var f=document.getElementById(&#39;barter_request_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/barter_requests/new?product_id=92004&#39;; d.showModal()">
        <i class="fa-solid fa-hand-holding-dollar"></i>
</button>    </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Auf die Merkliste"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;watch_list_modal&#39;); var f=document.getElementById(&#39;watch_list_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/watch_list_entries/new?product_id=92004&#39;; d.showModal()">
      <i class="fa-solid fa-bookmark"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Foto hochladen"
  >
    <button class="btn btn-circle btn-accent btn-outline" type="button" onclick="var d=document.getElementById(&#39;user_foto_modal&#39;); var f=document.getElementById(&#39;user_foto_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user_fotos/new?product_id=92004&#39;; d.showModal()">
      <i class="fa-solid fa-camera"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Zur Sammlung"
  >
    <button class="btn btn-circle btn-warning btn-outline" type="button" onclick="var d=document.getElementById(&#39;collection_modal&#39;); var f=document.getElementById(&#39;collection_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/collection_items/new?product_id=92004&#39;; d.showModal()">
      <i class="fa-solid fa-box-open"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Bewerten"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;review_modal&#39;); var f=document.getElementById(&#39;review_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/reviews/new?product_id=92004&#39;; d.showModal()">
      <i class="fa-solid fa-star-half-stroke"></i>
</button>  </div>
</div>

        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_92003">
    <div
      class="
        relative card-hover card w-full card-xs lg:card-sm card-compact overflow-clip
        group
      "
      draggable="true"
      data-product-url="https://beta.figuya.com/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-03-92003-de"
      data-controller="radial-menu"
      data-radial-menu-mode-value="vertical"
      ondragstart="event.dataTransfer.setData('text/uri-list', this.dataset.productUrl); event.dataTransfer.setData('text/plain', this.dataset.productUrl);"
    >
      <figure class="relative">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/568f99a60a6d760c9270264866eb3c68.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/568f99a60a6d760c9270264866eb3c68.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/568f99a60a6d760c9270264866eb3c68.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/568f99a60a6d760c9270264866eb3c68.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/568f99a60a6d760c9270264866eb3c68.png
          480w" sizes="(min-width: 1536px) 16vw, (min-width: 1280px) 20vw,
          (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 45vw" width="320"
          height="320" class="object-cover w-full aspect-square bg-base-300
          transition-[filter,opacity] duration-300
          
          
          " alt="Astelle und der geheime Sohn des Kaisers - Altraverse - Band 03" loading="eager" decoding="sync"
          fetchpriority="high"
          onload="this.classList.remove('opacity-0')" >

        <span class="badge badge-sm badge-success whitespace-nowrap absolute top-2 left-2 z-20">
  Auf Lager
</span>



        <span class="absolute bottom-1 right-1 z-20">
              <span class="badge badge-sm badge-error gap-1">
      <i class="fa-solid fa-fire"></i>
      Letzte Exemplare
    </span>

        </span>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-03-92003-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Astelle und der geheime Sohn des Kaisers - Altraverse - Band 03</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="font-bold">15,00 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="relative flex-1">
              <form class="contents" method="post" action="/de/cart_line_items?product_id=92003"><button class="btn btn-primary btn-outline px-2 w-full" type="submit">
                <i class="fa-solid fa-cart-plus"></i>
                In den Korb
</button><input type="hidden" name="authenticity_token" value="C0Tpzr2gvALT-ry_C_odx5YdEX5sgB-c99fT9SZ2AtzHOLgJOHTzByvexnl3kVjJy_4VJts_rjc59Myfm5JN8A" /></form>          </div>
          <button
            class="btn btn-neutral btn-outline px-2"
            data-action="radial-menu#toggle"
            data-radial-menu-target="trigger"
            aria-label="Aktionen"
            aria-expanded="false"
          >
            <i class="fa-solid fa-ellipsis-vertical"></i>
          </button>

          
<div
  data-radial-menu-target="overlay"
  data-action="click->radial-menu#close"
  class="absolute inset-0 z-30 glass pointer-events-none opacity-0"
></div>

<div
  data-radial-menu-target="menu"
  class="
    absolute bottom-16 right-2 z-40 flex flex-col-reverse gap-2 transition-all
    duration-200 origin-bottom scale-0 opacity-0 pointer-events-none
  "
>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="In den Warenkorb"
    >
      <form class="button_to" method="post" action="/de/cart_line_items?product_id=92003"><button aria-label="In den Warenkorb" class="btn btn-circle btn-primary btn-outline" type="submit">
        <i class="fa-solid fa-cart-plus"></i>
</button><input type="hidden" name="authenticity_token" value="FuNhJjD67cuDLE6bCx1ZpuntEwcNb15V7YWF2JzrtZTanzDhtS6iznsINF13dhyotA4XX7rQ7_4jppqyIQ_6uA" /></form>    </div>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="Preisvorschlag"
    >
      <button class="btn btn-circle btn-success btn-outline" type="button" onclick="var d=document.getElementById(&#39;barter_request_modal&#39;); var f=document.getElementById(&#39;barter_request_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/barter_requests/new?product_id=92003&#39;; d.showModal()">
        <i class="fa-solid fa-hand-holding-dollar"></i>
</button>    </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Auf die Merkliste"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;watch_list_modal&#39;); var f=document.getElementById(&#39;watch_list_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/watch_list_entries/new?product_id=92003&#39;; d.showModal()">
      <i class="fa-solid fa-bookmark"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Foto hochladen"
  >
    <button class="btn btn-circle btn-accent btn-outline" type="button" onclick="var d=document.getElementById(&#39;user_foto_modal&#39;); var f=document.getElementById(&#39;user_foto_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user_fotos/new?product_id=92003&#39;; d.showModal()">
      <i class="fa-solid fa-camera"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Zur Sammlung"
  >
    <button class="btn btn-circle btn-warning btn-outline" type="button" onclick="var d=document.getElementById(&#39;collection_modal&#39;); var f=document.getElementById(&#39;collection_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/collection_items/new?product_id=92003&#39;; d.showModal()">
      <i class="fa-solid fa-box-open"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Bewerten"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;review_modal&#39;); var f=document.getElementById(&#39;review_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/reviews/new?product_id=92003&#39;; d.showModal()">
      <i class="fa-solid fa-star-half-stroke"></i>
</button>  </div>
</div>

        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_89824">
    <div
      class="
        relative card-hover card w-full card-xs lg:card-sm card-compact overflow-clip
        group
      "
      draggable="true"
      data-product-url="https://beta.figuya.com/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-02-collectors-edition-89824-de"
      data-controller="radial-menu"
      data-radial-menu-mode-value="vertical"
      ondragstart="event.dataTransfer.setData('text/uri-list', this.dataset.productUrl); event.dataTransfer.setData('text/plain', this.dataset.productUrl);"
    >
      <figure class="relative">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/c6d4b5ee0141c3ef796a58ef6aa94a71.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/c6d4b5ee0141c3ef796a58ef6aa94a71.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/c6d4b5ee0141c3ef796a58ef6aa94a71.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/c6d4b5ee0141c3ef796a58ef6aa94a71.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/c6d4b5ee0141c3ef796a58ef6aa94a71.png
          480w" sizes="(min-width: 1536px) 16vw, (min-width: 1280px) 20vw,
          (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 45vw" width="320"
          height="320" class="object-cover w-full aspect-square bg-base-300
          transition-[filter,opacity] duration-300
          
          
          " alt="Astelle und der geheime Sohn des Kaisers - Altraverse - Band 02 Collectors Edition" loading="eager" decoding="sync"
          fetchpriority="high"
          onload="this.classList.remove('opacity-0')" >

        <span class="badge badge-sm badge-success whitespace-nowrap absolute top-2 left-2 z-20">
  Auf Lager
</span>



        <span class="absolute bottom-1 right-1 z-20">
              <span class="badge badge-sm badge-error gap-1">
      <i class="fa-solid fa-fire"></i>
      Letzte Exemplare
    </span>

        </span>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-02-collectors-edition-89824-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Astelle und der geheime Sohn des Kaisers - Altraverse - Band 02 Collectors Edition</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="font-bold">30,00 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="relative flex-1">
              <form class="contents" method="post" action="/de/cart_line_items?product_id=89824"><button class="btn btn-primary btn-outline px-2 w-full" type="submit">
                <i class="fa-solid fa-cart-plus"></i>
                In den Korb
</button><input type="hidden" name="authenticity_token" value="zEd_RdQ5q3gJhCgnw3Z7MZaDxqQ0JNfJCtjNMyWA4aYAOy6CUe3kffGgUuG_HT4_y2DC_IObZmLE-9JZmGSuig" /></form>          </div>
          <button
            class="btn btn-neutral btn-outline px-2"
            data-action="radial-menu#toggle"
            data-radial-menu-target="trigger"
            aria-label="Aktionen"
            aria-expanded="false"
          >
            <i class="fa-solid fa-ellipsis-vertical"></i>
          </button>

          
<div
  data-radial-menu-target="overlay"
  data-action="click->radial-menu#close"
  class="absolute inset-0 z-30 glass pointer-events-none opacity-0"
></div>

<div
  data-radial-menu-target="menu"
  class="
    absolute bottom-16 right-2 z-40 flex flex-col-reverse gap-2 transition-all
    duration-200 origin-bottom scale-0 opacity-0 pointer-events-none
  "
>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="In den Warenkorb"
    >
      <form class="button_to" method="post" action="/de/cart_line_items?product_id=89824"><button aria-label="In den Warenkorb" class="btn btn-circle btn-primary btn-outline" type="submit">
        <i class="fa-solid fa-cart-plus"></i>
</button><input type="hidden" name="authenticity_token" value="DAPd40lrLoxbAFvyHN85lIgG5XFG4YJGPxxbnUBgdcHAf4wkzL9hiaMkITRgtHya1eXhKfFeM-3xP0T3_YQ67Q" /></form>    </div>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="Preisvorschlag"
    >
      <button class="btn btn-circle btn-success btn-outline" type="button" onclick="var d=document.getElementById(&#39;barter_request_modal&#39;); var f=document.getElementById(&#39;barter_request_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/barter_requests/new?product_id=89824&#39;; d.showModal()">
        <i class="fa-solid fa-hand-holding-dollar"></i>
</button>    </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Auf die Merkliste"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;watch_list_modal&#39;); var f=document.getElementById(&#39;watch_list_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/watch_list_entries/new?product_id=89824&#39;; d.showModal()">
      <i class="fa-solid fa-bookmark"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Foto hochladen"
  >
    <button class="btn btn-circle btn-accent btn-outline" type="button" onclick="var d=document.getElementById(&#39;user_foto_modal&#39;); var f=document.getElementById(&#39;user_foto_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user_fotos/new?product_id=89824&#39;; d.showModal()">
      <i class="fa-solid fa-camera"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Zur Sammlung"
  >
    <button class="btn btn-circle btn-warning btn-outline" type="button" onclick="var d=document.getElementById(&#39;collection_modal&#39;); var f=document.getElementById(&#39;collection_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/collection_items/new?product_id=89824&#39;; d.showModal()">
      <i class="fa-solid fa-box-open"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Bewerten"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;review_modal&#39;); var f=document.getElementById(&#39;review_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/reviews/new?product_id=89824&#39;; d.showModal()">
      <i class="fa-solid fa-star-half-stroke"></i>
</button>  </div>
</div>

        </div>
      </div>
    </div>
</turbo-frame>  <turbo-frame class="carousel-item hover:-translate-y-0.5 transition-all duration-300 ease-out" id="product_89823">
    <div
      class="
        relative card-hover card w-full card-xs lg:card-sm card-compact overflow-clip
        group
      "
      draggable="true"
      data-product-url="https://beta.figuya.com/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-02-89823-de"
      data-controller="radial-menu"
      data-radial-menu-mode-value="vertical"
      ondragstart="event.dataTransfer.setData('text/uri-list', this.dataset.productUrl); event.dataTransfer.setData('text/plain', this.dataset.productUrl);"
    >
      <figure class="relative">
          <img src="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/bd99e7e85ffad945ec4aa7813a944876.png" srcset="https://figuya-media.com/cdn-cgi/image/width=160,quality=75,format=auto,fit=scale-down/uploads/store/bd99e7e85ffad945ec4aa7813a944876.png
          160w,
          https://figuya-media.com/cdn-cgi/image/width=320,quality=80,format=auto,fit=scale-down/uploads/store/bd99e7e85ffad945ec4aa7813a944876.png
          320w,
          https://figuya-media.com/cdn-cgi/image/width=384,quality=80,format=auto,fit=scale-down/uploads/store/bd99e7e85ffad945ec4aa7813a944876.png
          384w,
          https://figuya-media.com/cdn-cgi/image/width=480,quality=85,format=auto,fit=scale-down/uploads/store/bd99e7e85ffad945ec4aa7813a944876.png
          480w" sizes="(min-width: 1536px) 16vw, (min-width: 1280px) 20vw,
          (min-width: 1024px) 25vw, (min-width: 768px) 33vw, 45vw" width="320"
          height="320" class="object-cover w-full aspect-square bg-base-300
          transition-[filter,opacity] duration-300
          
          
          " alt="Astelle und der geheime Sohn des Kaisers - Altraverse - Band 02" loading="eager" decoding="sync"
          fetchpriority="high"
          onload="this.classList.remove('opacity-0')" >

        <span class="badge badge-sm badge-success whitespace-nowrap absolute top-2 left-2 z-20">
  Auf Lager
</span>



        <span class="absolute bottom-1 right-1 z-20">
              <span class="badge badge-sm badge-primary gap-1">
      <i class="fa-solid fa-circle-exclamation"></i>
      Wenige verfügbar
    </span>

        </span>

      </figure>

      <div class="card-body">
        <a data-turbo-frame="_top" href="/de/products/astelle-und-der-geheime-sohn-des-kaisers-altraverse-band-02-89823-de">
          <span class="absolute inset-0 z-10"></span>
          <h2 class="card-title text-sm line-clamp-2 min-h-10">Astelle und der geheime Sohn des Kaisers - Altraverse - Band 02</h2>
</a>        <div class="flex items-center font-heading text-xl justify-between">
          <div>
              <span class="font-bold">15,00 €</span>
          </div>
        </div>
        <div class="card-actions z-20 flex gap-2">
          <div class="relative flex-1">
              <form class="contents" method="post" action="/de/cart_line_items?product_id=89823"><button class="btn btn-primary btn-outline px-2 w-full" type="submit">
                <i class="fa-solid fa-cart-plus"></i>
                In den Korb
</button><input type="hidden" name="authenticity_token" value="9WvKeUh6K3khVoN4pGF-ZuiJZQMpzhdKs-dYi6kkaiA5F5u-za5kfNly-b7YCjtotWphW55xpuF9xEfhFMAlDA" /></form>          </div>
          <button
            class="btn btn-neutral btn-outline px-2"
            data-action="radial-menu#toggle"
            data-radial-menu-target="trigger"
            aria-label="Aktionen"
            aria-expanded="false"
          >
            <i class="fa-solid fa-ellipsis-vertical"></i>
          </button>

          
<div
  data-radial-menu-target="overlay"
  data-action="click->radial-menu#close"
  class="absolute inset-0 z-30 glass pointer-events-none opacity-0"
></div>

<div
  data-radial-menu-target="menu"
  class="
    absolute bottom-16 right-2 z-40 flex flex-col-reverse gap-2 transition-all
    duration-200 origin-bottom scale-0 opacity-0 pointer-events-none
  "
>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="In den Warenkorb"
    >
      <form class="button_to" method="post" action="/de/cart_line_items?product_id=89823"><button aria-label="In den Warenkorb" class="btn btn-circle btn-primary btn-outline" type="submit">
        <i class="fa-solid fa-cart-plus"></i>
</button><input type="hidden" name="authenticity_token" value="OszUtgsM3ksDQDOrG96haRObPuFrFD3-_OQctJselRn2sIVxjtiRTvtkSW1nteRnTng6udyrjFUyxwPeJvraNQ" /></form>    </div>
    <div
      class="tooltip tooltip-left tooltip-open"
      data-tip="Preisvorschlag"
    >
      <button class="btn btn-circle btn-success btn-outline" type="button" onclick="var d=document.getElementById(&#39;barter_request_modal&#39;); var f=document.getElementById(&#39;barter_request_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/barter_requests/new?product_id=89823&#39;; d.showModal()">
        <i class="fa-solid fa-hand-holding-dollar"></i>
</button>    </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Auf die Merkliste"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;watch_list_modal&#39;); var f=document.getElementById(&#39;watch_list_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/watch_list_entries/new?product_id=89823&#39;; d.showModal()">
      <i class="fa-solid fa-bookmark"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Foto hochladen"
  >
    <button class="btn btn-circle btn-accent btn-outline" type="button" onclick="var d=document.getElementById(&#39;user_foto_modal&#39;); var f=document.getElementById(&#39;user_foto_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user_fotos/new?product_id=89823&#39;; d.showModal()">
      <i class="fa-solid fa-camera"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Zur Sammlung"
  >
    <button class="btn btn-circle btn-warning btn-outline" type="button" onclick="var d=document.getElementById(&#39;collection_modal&#39;); var f=document.getElementById(&#39;collection_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/collection_items/new?product_id=89823&#39;; d.showModal()">
      <i class="fa-solid fa-box-open"></i>
</button>  </div>
  <div
    class="tooltip tooltip-left tooltip-open"
    data-tip="Bewerten"
  >
    <button class="btn btn-circle btn-neutral btn-outline" type="button" onclick="var d=document.getElementById(&#39;review_modal&#39;); var f=document.getElementById(&#39;review_modal_content&#39;); f.innerHTML=&#39;&#39;; f.src=&#39;/de/user/reviews/new?product_id=89823&#39;; d.showModal()">
      <i class="fa-solid fa-star-half-stroke"></i>
</button>  </div>
</div>

        </div>
      </div>
    </div>
</turbo-frame>
      
        
    </div>

</template></turbo-stream>