<turbo-stream action="update" target="modal"><template><!-- Modal -->
<div id="cookieModal" class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full mx-auto flex items-baseline z-[99999]" aria-labelledby="modalTitle" aria-modal="true" role="dialog">
  <!-- Modal content -->
  <div class="!font-poppins relative top-1/4 mx-auto p-8 border w-1/2 shadow-lg rounded-md bg-white">
    <!-- Modal header -->
    <div class="flex justify-between items-center pb-3">
      <p class="!font-semibold mb-4 !text-md">Cookies Consent</p>
      <a data-turbo="false" class="text-center md:text-left px-4 py-2 mr-4 border-1 border-black text-black text-sm" href="/de">
        &#10005;
</a>    </div>
    <!-- Modal body -->
    <div class="mb-4">
      <form id="cookieForm" class="space-y-4" data-turbo="get" data-turbo-action="replace" action="/de/cookie-customize-options" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="6hkcKPrhBJwAGLlC9CdLoIijudpaCk_FgBp8x46RjR8onTqYe_wduQHb7L9LMzBgPMFFWRUiVqq9dy-AAsPpjg" autocomplete="off" />
        <div class="flex justify-between items-center relative mb-2">
          <div class="flex flex-col gap-2">
            <span>Necessary</span>
            <span class="text-xs">Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.</span>
          </div>
          <input name="necessary" disabled="disabled" type="hidden" value="0" autocomplete="off" /><input class="form-checkbox h-5 w-5 text-gray-600 absolute right-0 top-0" disabled="disabled" type="checkbox" value="1" checked="checked" name="necessary" id="necessary" />
        </div>
        <div class="flex justify-between items-center relative mb-2">
          <div class="flex flex-col gap-2">
            <span>Statistics</span>
            <span class="text-xs">Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.</span>
          </div>
          <input name="statistics" type="hidden" value="0" autocomplete="off" /><input class="form-checkbox h-5 w-5 text-blue-600 absolute right-0 top-0" type="checkbox" value="1" name="statistics" id="statistics" />
        </div>
        <div class="flex justify-between items-center relative mb-2">
          <div class="flex flex-col gap-2">
            <span>Marketing</span>
            <span class="text-xs">Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.</span>
          </div>
          <input name="marketing" type="hidden" value="0" autocomplete="off" /><input class="form-checkbox h-5 w-5 text-blue-600 absolute right-0 top-0" type="checkbox" value="1" name="marketing" id="marketing" />
        </div>
        <!-- Modal footer -->
        <div class="flex justify-end pt-2">
          <a data-turbo="false" class="text-center md:text-left px-4 py-2 mr-4 border-1 border-[#46bab7] text-black text-sm" href="/de">Deny</a>
          <input type="submit" name="commit" value="Allow selected" class="text-center md:text-left px-4 py-2 border-1  bg-[#46bab7] text-black text-sm" data-disable-with="Allow selected" />
        </div>
</form>    </div>
  </div>
</div></template></turbo-stream>