www.jetcost.de Open in urlscan Pro
104.18.42.95  Public Scan

Form analysis
1 forms found in the DOM

https://www.jetcost.de/fluge/suche

<form autocomplete="off" action="https://www.jetcost.de/fluge/suche"><input name="trips[0][date]" type="hidden"> <input name="trips[0][from_iata]" type="hidden"> <input name="trips[0][to_iata]" type="hidden"> <!----><input name="trips[1][date]"
    type="hidden"> <input name="trips[1][from_iata]" type="hidden"> <input name="trips[1][to_iata]" type="hidden"> <!----> <input name="type" type="hidden" value="roundTrip"> <input name="adults" type="hidden" value="1"> <input name="children"
    type="hidden" value="0"> <input name="infants" type="hidden" value="0"> <input name="cabin_class" type="hidden" value="0"> <input name="arel" type="hidden" value="0">
  <div class="flex bg-black/60 z-[60] items-center justify-center overflow-x-hidden fixed top-0 right-0 bottom-0 left-0" style="display: none;">
    <div class="max-w-sm w-full m-6">
      <div class="flex flex-wrap flex-col bg-white dark:bg-neutral rounded p-5 items-start">
        <div class="mb-4 w-full"> Für die ausgewählten Daten wird es wegen des Corona-Virus eventuell keine Ergebnisse geben. Wir empfehlen Ihnen, die Daten zu ändern. </div> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full mb-2">
          Ändern </button> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
          Fortsetzen </button>
      </div>
    </div>
  </div>
  <div class="relative md:static">
    <div class="w-full mb-2">
      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: Round Trip Tab" id="round-trip-81976aac-0add-42a8-9de0-af9b12aae712" type="radio" class="hidden" value="true"> <label for="round-trip-81976aac-0add-42a8-9de0-af9b12aae712" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Rundflug </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: One Way Tab" id="one-way-81976aac-0add-42a8-9de0-af9b12aae712" type="radio" class="hidden" value="false"> <label for="one-way-81976aac-0add-42a8-9de0-af9b12aae712" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1"> Nur Hinflug </span></label></div>
    </div>
    <div class="lg:flex lg:flex-row lg:items-start">
      <div class="block xl:flex md:grow lg:mr-2">
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0 xl:mr-2">
          <div class="w-full md:flex md:flex-1 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full" autocomplete="off">
              <div class="md:hidden shadow-bottom p-4 w-full z-[60] mb-4" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Abfahrtszeit auswählen</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="relative flex items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent p-2">
                <div class="cursor-text z-10 inset-0 absolute"></div>
                <div class="shrink-0 w-8 mr-4 md:mr-3" style="display: none;">
                  <div class="flex items-center justify-center"><span class="jc jc-search text-primary dark:text-primary-300 text-xl leading-none"></span></div>
                </div> <input type="text" autocomplete="off" placeholder="Abreiseort" id="originFrom" tabindex="-1" required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block" style="display: none;"><span class="jc jc-times text-primary dark:text-primary-300 md:hidden cursor-pointer leading-none" style="display: none;"></span>
                      <span class="jc jc-circle-notch jc-spin jc-fw text-primary dark:text-primary-300 inline-block leading-none" style="display: none;"></span></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="border-t border-gray-200 dark:border-neutral-300 min-h-0 grow overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible bg-white dark:bg-neutral inset-0 z-50 md:px-3 md:-ml-3 md:box-content md:border-t-0 md:absolute md:rounded md:inset-auto md:-mt-8 md:pt-16 md:shadow-md w-full md:min-w-[340px] lg:min-w-[448px] hidden">
                <ul class="md:border-t md:border-gray-200 md:dark:border-neutral-300 md:-mx-3 md:box-border" style="display: none;"></ul>
              </div>
            </div>
          </div>
          <div class="flex z-10 absolute rotate-90 text-center top-0 right-0 md:mt-0 md:rotate-0 md:z-auto md:w-auto md:right-auto md:static group mt-16 pt-1 md:pt-0">
            <div data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Exchange Dep/Ret Button"
              class="w-9 h-9 mx-1 rounded-full flex items-center justify-center bg-primary-400 dark:bg-neutral-700 pointer-events-auto cursor-pointer"><span class="jc jc-exchange-alt text-lg text-white leading-none"></span></div>
          </div>
          <div class="w-full md:flex md:flex-1">
            <div tabindex="0" class="w-full w-full" autocomplete="off">
              <div class="md:hidden shadow-bottom p-4 w-full z-[60] mb-4" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Ankunftszeit auswählen</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="relative flex items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent p-2">
                <div class="cursor-text z-10 inset-0 absolute"></div>
                <div class="shrink-0 w-8 mr-4 md:mr-3" style="display: none;">
                  <div class="flex items-center justify-center"><span class="jc jc-search text-primary dark:text-primary-300 text-xl leading-none"></span></div>
                </div> <input type="text" autocomplete="off" placeholder="Ankunftsort" id="originTo" tabindex="-1" required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block" style="display: none;"><span class="jc jc-times text-primary dark:text-primary-300 md:hidden cursor-pointer leading-none" style="display: none;"></span>
                      <span class="jc jc-circle-notch jc-spin jc-fw text-primary dark:text-primary-300 inline-block leading-none" style="display: none;"></span></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="border-t border-gray-200 dark:border-neutral-300 min-h-0 grow overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible bg-white dark:bg-neutral inset-0 z-50 md:px-3 md:-ml-3 md:box-content md:border-t-0 md:absolute md:rounded md:inset-auto md:-mt-8 md:pt-16 md:shadow-md w-full md:min-w-[340px] lg:min-w-[448px] hidden">
                <ul class="md:border-t md:border-gray-200 md:dark:border-neutral-300 md:-mx-3 md:box-border" style="display: none;"></ul>
              </div>
            </div>
          </div>
        </div>
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0">
          <div class="w-full md:w-1/2 mb-2 md:mb-0 md:mr-2">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden p-4 w-full z-[60] shadow-bottom" style="display: none;">
                <div class="block">
                  <div class="flex flex-wrap items-center justify-between">
                    <div class="w-auto truncate" style="display: none;">
                      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                          data-ga-event-label="Click: Round Trip Tab" id="round-trip-bd628976-8933-4f76-bcef-d86fd22ee962" type="radio" class="hidden" value="true"> <label for="round-trip-bd628976-8933-4f76-bcef-d86fd22ee962"
                          class="flex items-center"><span class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Rundflug </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm"
                          data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: One Way Tab" id="one-way-bd628976-8933-4f76-bcef-d86fd22ee962" type="radio" class="hidden" value="false"> <label
                          for="one-way-bd628976-8933-4f76-bcef-d86fd22ee962" class="flex items-center"><span class="rounded cursor-pointer px-2 py-1"> Nur Hinflug </span></label></div>
                    </div>
                    <div class="w-full truncate mt-3" style="display: none;">
                      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded border border-primary-300 dark:border-neutral-300 text-primary dark:text-white p-1 w-full md:w-auto"><input data-ga-event-click=""
                          data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: Standard Calendar Tab" id="specific-a63eb40f-3425-446d-b3bf-f7923dc9e12c" type="radio" class="hidden"
                          value="true"> <label for="specific-a63eb40f-3425-446d-b3bf-f7923dc9e12c" class="flex-1 md:flex-auto text-center truncate"><span
                            class="flex items-center justify-center rounded cursor-pointer px-1 bg-primary-200 dark:bg-neutral-700"><span class="jc jc-calendar-day p-1"></span> <span class="p-1 truncate">Daten bekannt</span></span></label> <input
                          data-ga-event-click="" data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: AnyTime Calendar Tab" id="not-specific-a63eb40f-3425-446d-b3bf-f7923dc9e12c"
                          type="radio" class="hidden" value="false"> <label for="not-specific-a63eb40f-3425-446d-b3bf-f7923dc9e12c" class="flex-1 md:flex-auto text-center truncate"><span
                            class="flex items-center justify-center rounded cursor-pointer px-1"><span class="jc jc-tag p-1"></span> <span class="p-1 truncate">Vorschläge machen</span></span></label></div>
                    </div> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer ml-auto"></span>
                  </div>
                  <div class="-mb-4 w-full pb-px pt-3">
                    <div class="flex items-center text-md -mx-4">
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent cursor-pointer p-2"><input type="text" autocomplete="off" readonly="readonly" tabindex="-1" placeholder="Zeitraum"
                  required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none cursor-pointer">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="jc jc-calendar-alt inline-block w-8 text-center"></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="p-4 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible md:z-50 min-h-0 grow bg-white dark:bg-neutral inset-0 md:absolute md:rounded md:inset-auto md:-ml-3 md:-mt-8 md:shadow-md w-full md:min-w-[624px] md:p-3 md:box-content xl:-translate-x-1/2 xl:left-1/2"
                style="display: none;">
                <div class="mb-2 hidden md:block w-full leading-normal" style="display: none;">
                  <div class="inline-flex text-sm bg-white dark:bg-neutral rounded border border-primary-300 dark:border-neutral-300 text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="FlightAnyTime"
                      data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: Standard Calendar Tab" id="specific-abade8d1-325f-457f-a528-b3fd5829d3a8" type="radio" class="hidden" value="true"> <label
                      for="specific-abade8d1-325f-457f-a528-b3fd5829d3a8" class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1 bg-primary-200 dark:bg-neutral-700"><span
                          class="jc jc-calendar-day p-1"></span> <span class="p-1 truncate">Daten bekannt</span></span></label> <input data-ga-event-click="" data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click"
                      data-ga-event-label="Click: AnyTime Calendar Tab" id="not-specific-abade8d1-325f-457f-a528-b3fd5829d3a8" type="radio" class="hidden" value="false"> <label for="not-specific-abade8d1-325f-457f-a528-b3fd5829d3a8"
                      class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1"><span class="jc jc-tag p-1"></span> <span class="p-1 truncate">Vorschläge machen</span></span></label>
                  </div>
                </div>
                <div class="z-50 bg-white dark:bg-neutral">
                  <div class="block md:flex md:flex-wrap md:items-stretch -mx-4 select-none md:p-1 md:box-border" style="display: none;">
                    <div class="hidden md:block w-full md:-mb-6 z-10">
                      <div class="flex justify-between px-4 text-primary dark:text-primary-300"><span class="jc jc-chevron-left px-2 cursor-pointer" style="display: none;"></span> <span
                          class="jc jc-chevron-right px-2 cursor-pointer ml-auto mr-0"></span></div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">August 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">September 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">Oktober 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">November 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">Dezember 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">Januar 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">Februar 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">März 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">April 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">Mai 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">Juni 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">Juli 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">August 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">September 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mo. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Di. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Mi. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Do. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Fr. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> Sa. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> So. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">28</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="hidden md:block z-10 p-3 mt-3 -mb-3 border-t border-gray-200 dark:border-neutral-300 -mx-3">
                    <div class="flex items-center justify-between">
                      <div class="text-md truncate"><span class="text-gray-500 dark:text-gray-300">Daten auswählen</span></div> <button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                        Fertig </button>
                    </div>
                  </div>
                </div>
                <div class="flex items-end md:items-center inset-0 absolute z-[70] bg-black/20" style="display: none;">
                  <div class="w-full p-5 md:m-10 bg-white dark:bg-neutral rounded shadow"><span class="w-full inline-block text-center font-bold select-none mb-6 text-xl">Suchen Sie nur einen Hinflug?</span>
                    <div class="w-full">
                      <div class="flex flex-wrap flex-col md:flex-row-reverse -mx-5"><button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition flex-1 mx-5 mb-2 md:mb-0">
                          Ja, Einwegflug </button> <button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition flex-1 mx-5">
                          Nein, eine Rundreise </button></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="flex items-center">
                      <div class="w-full -mb-3 leading-none">
                        <div class="text-base p-2 font-bold text-gray-300 text-center"><span class="block">Rundflug</span> <span class="inline-block text-md font-normal lowercase">Daten auswählen</span></div>
                      </div>
                    </div>
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Fertig </button></div>
                  </div>
                </div>
              </div>
              <div
                class="p-4 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible md:z-50 min-h-0 grow bg-white dark:bg-neutral inset-0 md:absolute md:rounded md:inset-auto md:-ml-3 md:-mt-8 md:shadow-md w-full md:min-w-[624px] md:p-3 md:box-content xl:-translate-x-1/2 xl:left-1/2"
                style="display: none;">
                <div class="mb-4 hidden md:block w-full leading-normal" style="display: none;">
                  <div class="inline-flex text-sm bg-white dark:bg-neutral rounded border border-primary-300 dark:border-neutral-300 text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="FlightAnyTime"
                      data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: Standard Calendar Tab" id="specific-8e85a9fd-019b-400f-89db-f6c1b675706f" type="radio" class="hidden" value="true"> <label
                      for="specific-8e85a9fd-019b-400f-89db-f6c1b675706f" class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1 bg-primary-200 dark:bg-neutral-700"><span
                          class="jc jc-calendar-day p-1"></span> <span class="p-1 truncate">Daten bekannt</span></span></label> <input data-ga-event-click="" data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click"
                      data-ga-event-label="Click: AnyTime Calendar Tab" id="not-specific-8e85a9fd-019b-400f-89db-f6c1b675706f" type="radio" class="hidden" value="false"> <label for="not-specific-8e85a9fd-019b-400f-89db-f6c1b675706f"
                      class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1"><span class="jc jc-tag p-1"></span> <span class="p-1 truncate">Vorschläge machen</span></span></label>
                  </div>
                </div>
                <div class="z-50 bg-white dark:bg-neutral">
                  <div style="display: none;">
                    <p class="w-full font-bold mb-4">Die besten Monate für Ihr Abenteuer!</p>
                    <div class="flex flex-wrap -m-2 mb-2"></div>
                    <div class="block md:flex md:flex-wrap -mx-2">
                      <div class="w-full md:w-auto px-2 overflow-x-hidden mb-1 md:mb-0" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 h-1 rounded-lg bg-green mr-2"></div> <span class="text-sm truncate leading-tight">Billiste Monate</span>
                        </div>
                      </div>
                      <div class="w-full md:w-auto px-2 overflow-x-hidden mb-1 md:mb-0" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 h-1 rounded-lg bg-accent dark:bg-accent-600 mr-2"></div> <span class="text-sm truncate leading-tight">Durchschnittspreis/Monat</span>
                        </div>
                      </div>
                      <div class="w-full md:w-auto px-2 overflow-x-hidden mb-1 md:mb-0" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 h-1 rounded-lg bg-red dark:bg-red-400 mr-2"></div> <span class="text-sm truncate leading-tight">Teuerste Monate</span>
                        </div>
                      </div>
                      <div class="w-full px-2 overflow-x-hidden mb-1 md:mb-0 md:mt-2" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 text-center mr-2"><span class="jc jc-search text-base text-gray dark:text-gray-300 leading-none"></span></div> <span class="text-sm truncate">Preis muss überprüft werden</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="w-full md:w-1/2 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden shadow-bottom p-4 mb-2 w-full z-[60]" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Klasse und Passagiere</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent cursor-pointer p-2">
                <div class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none"><span class="w-full truncate"><span data-number="1" data-single="Passagier," data-plural="Passagiere,"
                      class="output-pluralize"></span> <span data-option="0" data-option-0="Economy" data-option-1="Business" data-option-2="Erste Klasse" data-option-3="Economy Premium" class="output-options"></span></span></div>
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block text-center"><span class="jc jc-caret-down px-2"></span></span></div>
                </div>
              </div>
              <div
                class="-mt-2 pt-8 md:pt-0 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible min-h-0 grow bg-white dark:bg-neutral inset-0 z-50 md:absolute md:rounded md:inset-auto md:-mt-8 md:shadow-md w-full md:min-w-[340px] md:-translate-x-1/2 md:left-1/2 hidden">
                <div class="flex items-stretch flex-wrap">
                  <div class="w-full md:mb-0 md:pb-0 pb-4 mb-4">
                    <div class="w-full mb-2 font-bold truncate px-4 md:pt-4">Klasse</div>
                    <div class="px-4">
                      <div class="flex items-center relative cursor-pointer w-full border border-primary-300 dark:border-gray-300 rounded"><select
                          class="w-full focus:outline dark:focus:outline-none text-black dark:text-neutral-200 bg-white dark:bg-neutral appearance-none p-2 pr-6 cursor-pointer rounded">
                          <option value="0">Economy</option>
                          <option value="3">Economy Premium</option>
                          <option value="1">Business</option>
                          <option value="2">Erste Klasse</option>
                        </select> <span class="jc jc-caret-down px-2 pointer-events-none absolute pt-2 top-0 right-0"></span></div> <!---->
                    </div>
                  </div>
                  <div class="w-full mb-4 md:mb-0 md:pl-2">
                    <div class="pl-4 md:pl-2 pr-4 pb-2"><span class="inline-block w-full pb-2 font-bold truncate md:pt-8 border-b border-gray-200 dark:border-neutral-300">Anzahl der Passagiere</span></div>
                    <div class="flex items-center text-base text-black dark:text-white flex-wrap pl-4 md:pl-2 pr-4 md:pr-4 md:pb-4">
                      <div class="w-full mb-2">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Erwachsene</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">1</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="w-full mb-2">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Kinder</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">0</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="w-full">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Säuglinge</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Infants Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">0</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Infants Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="hidden md:block w-full z-10 p-3 pr-4 border-t border-gray-200 dark:border-neutral-300">
                  <div class="flex items-center justify-end"><button type="button" tabindex="-1"
                      class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                      Fertig </button></div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Fertig </button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="grow-0">
        <div class="flex flex-col md:flex-row-reverse lg:flex-col md:-mx-1 lg:mx-0">
          <div class="md:flex-1 md:px-1 lg:px-0"><button type="submit" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
              data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full md:min-w-[17.5rem]"><span
                style="display: none;"> Suchen und Vergleichen </span> <span> Suchen </span></button> <button type="button" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
              data-ga-event-label="Click: Search Form Open"
              class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full md:min-w-[17.5rem]"
              style="display: none;"> Ändern </button></div>
          <div class="md:flex-1 md:px-1 mt-2 md:mt-0 lg:mt-2 lg:px-0" style="display: none;"><button type="button" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm"
              data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition block xl:hidden mb-2 w-full md:min-w-[17.5rem]">
              Suchen </button></div>
        </div>
      </div>
    </div>
    <div class="md:flex md:flex-row md:items-center">
      <div class="flex grow">
        <div class="w-full text-primary dark:text-primary-300 text-md md:text-white md:dark:text-black">
          <div>
            <ul class="text-white md:flex md:items-center md:flex-wrap p-0 -mb-2 md:text-white hidden"><!----> </ul>
            <div class="text-primary dark:text-primary-300 bg-white dark:bg-neutral absolute inset-0 z-20 rounded md:fixed md:bg-black/80 md:dark:bg-black/80 hidden">
              <div class="absolute inset-0 flex flex-col overflow-hidden overscroll-y-none overflow-y-auto rounded md:inset-1/2 md:bg-white md:dark:bg-neutral md:w-[400px] md:min-h-[400px] md:-translate-x-1/2 md:-translate-y-1/2">
                <div class="w-full bg-white dark:bg-neutral shadow-bottom p-3 sticky top-0 z-30 font-bold">
                  <div class="text-lg flex items-center"><span>Partner vergleichen</span></div>
                </div>
                <div class="grow p-3">
                  <div class="italic mb-3">
                    <p>Verbessere deine Suche, indem du unsere Premium-Partner hinzufügst. 🚀</p>
                  </div> <!---->
                </div>
                <div class="w-full bg-white dark:bg-neutral shadow-top p-3 sticky bottom-0 z-30">
                  <div class="-mx-1"><!---->
                    <div class="w-full p-1"><button type="button" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                        data-ga-event-label="Click: Search"
                        class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Suchen </button></div>
                  </div>
                </div>
              </div>
            </div> <!---->
          </div>
        </div>
      </div> <!---->
    </div>
  </div>
</form>

Text Content

IHR BROWSER IST VERALTET!

Bitte aktualisieren Sie Ihren Browser, um diese Website korrekt darzustellen.

Den Browser jetzt aktualisieren
Flüge
Hotels
Pauschalreisen
Mietwagen
Argentina Australia Bolivia Brasil Canada (en) Canada (fr) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
Hell Dunkel Automatisch
Suchen
Flüge Hotels Pauschalreisen Mietwagen
Lass dich inspirieren
Flüge nach Ländern

Airlines

 * Ryanair
 * Lufthansa
 * Easyjet
 * Turkish Airlines
 * TUIfly

Städte & Flughäfen

 * Berlin
 * Palma de Mallorca
 * Frankfurt
 * München
 * Istanbul

Beliebte Routen

 * München - Berlin
 * Frankfurt - Berlin
 * Frankfurt - Palma de Mallorca
 * Frankfurt - London
 * Stuttgart - Berlin

Angebote und Tipps

 * Wann sollte man einen Flug buchen
 * Sommerziele für Bergfreunde
 * Die besten Sommerziele
 * Entdecken Sie die schönsten Inseln der Welt
 * Die schönsten Strände der Welt

Erkunde

Infos
Unternehmen

Kontakt

Datenschutzrichtlinien

Cookie-Bestimmungen

Impressum

Allgemeine Geschäftsbedingungen

Partnerprogramm

Werden Sie unser Partner

Häufig gestellte Fragen

App

Karriere

Digital Services Act

DE
 * Argentina
 * Australia
 * Bolivia
 * Brasil
 * Canada (en)
 * Canada (fr)
 * Chile
 * Colombia
 * Danmark
 * Deutschland
 * España
 * Estados Unidos (es)
 * France
 * Hong Kong
 * India
 * Indonesia
 * Ireland
 * Italia
 * Magyarország
 * Malaysia
 * México

 * Nederland
 * New Zealand
 * Norge
 * Österreich
 * Perú
 * Philippines
 * Polska
 * Portugal
 * România
 * Россия
 * Singapore
 * South Africa
 * 한국
 * Suomi
 * Sverige
 * Thailand
 * United Kingdom
 * United States (en)
 * Uruguay
 * Venezuela




VERGLEICHEN SIE BILLIGE FLÜGE

Für die ausgewählten Daten wird es wegen des Corona-Virus eventuell keine
Ergebnisse geben. Wir empfehlen Ihnen, die Daten zu ändern.
Ändern Fortsetzen
Rundflug Nur Hinflug
Abfahrtszeit auswählen



Ankunftszeit auswählen


Rundflug Nur Hinflug
Daten bekannt Vorschläge machen
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.

Daten bekannt Vorschläge machen
August 2024
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

September 2024
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30






Oktober 2024
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31



November 2024
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Dezember 2024
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31





Januar 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


Februar 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28


März 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31






April 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30




Mai 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Juni 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30






Juli 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31



August 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

September 2025
Mo.
Di.
Mi.
Do.
Fr.
Sa.
So.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30





Daten auswählen
Fertig
Suchen Sie nur einen Hinflug?
Ja, Einwegflug Nein, eine Rundreise
Rundflug Daten auswählen
Fertig
Daten bekannt Vorschläge machen

Die besten Monate für Ihr Abenteuer!



Billiste Monate

Durchschnittspreis/Monat

Teuerste Monate

Preis muss überprüft werden
Klasse und Passagiere

Klasse
Economy Economy Premium Business Erste Klasse
Anzahl der Passagiere
Erwachsene
1
Kinder
0
Säuglinge
0
Fertig
Fertig
Suchen und Vergleichen Suchen Ändern
Suchen
Partner vergleichen

Verbessere deine Suche, indem du unsere Premium-Partner hinzufügst. 🚀

Suchen



GÜNSTIGE FLÜGE

Gib das Reisen nicht auf! Fliege zu günstigen Preisen. Buche zu dem Preis, der
von der Fluglinie oder vom Reiseanbieter angezeigt wird, und das ohne
zusätzliche Kosten!


SUCHEN UND VERGLEICHEN

Gib den Abflugort, den Zielort und die Reisedaten ein. Suche und vergleiche
Preise, um günstige Flugtickets zu finden. Wir zeigen dir das beste Ergebnis aus
Tausenden von Optionen!


BENUTZERDEFINIERTE SUCHE

Finde schnell einen günstigen Flug, indem du nach deinen Wunschkriterien
filterst: Flugdauer, Fluglinien, Zwischenstopps, Zeitfenster und mehr! Mach dich
reisefertig!


HANDY-APP

Lade unsere App herunter und lege Preisbenachrichtigungen fest, um deinen
günstigen Flug zu buchen. Endecke den günstigsten Monat oder Tag zum Reisen!


HAUPTZIELE

Billigflüge nach Rom 13€
Flüge Mallorca 35€
Flüge Bangkok 387€
Billigflüge nach New York 403€
Flüge Istanbul 82€
Flüge Barcelona 25€



LETZTE VON BENUTZERN GESUCHTE FLÜGE

Flüge München - Mailand Von 27.08.2024 nach 01.09.2024
220 €
Nur Hinflug Tirana - Berlin Am 01.09.2024
161 €
Flüge Berlin - Varna Von 31.08.2024 nach 21.09.2024
182 €
Nur Hinflug Ercan - München Am 08.09.2024
243 €
Nur Hinflug Izmir Menderes - München Am 25.08.2024
120 €
Nur Hinflug Nador - Düsseldorf Am 02.09.2024
320 €
Nur Hinflug Beirut - Frankfurt Am 02.09.2024
297 €
Nur Hinflug Tirana - Berlin Am 31.08.2024
216 €
Flüge München - Mailand Von 26.08.2024 nach 31.08.2024
272 €
Nur Hinflug Nador - Düsseldorf Am 01.09.2024
229 €
Nur Hinflug Izmir Menderes - Düsseldorf Am 05.09.2024
113 €
Nur Hinflug Elazig - Düsseldorf Am 11.09.2024
100 €
Flüge Köln Bonn - Catania Von 16.11.2024 nach 23.11.2024
216 €
Nur Hinflug Nador - Düsseldorf Am 31.08.2024
220 €
Nur Hinflug Hannover - Konya Am 01.10.2024
110 €


HÄUFIG GESTELLTE FRAGEN

Hier findest du die am häufigsten gestellten Fragen zur Flugsuche und zu
Jetcost.


WIE FINDE ICH GÜNSTIGE FLÜGE?


Suche nach Flügen von deinem gewählten Abflugort und Zielort, gib die Daten ein.
Klicke auf "Suchen und vergleichen". Wenn dir die Preise nicht zusagen, schlagen
wir dir vor, an welchen Tagen du am günstigsten zu diesem Ziel fliegen kannst.
Wenn du hingegen weißt, wann du reisen willst, aber flexibel bist, was den
Abflugort angeht, zeigen wir dir auch die besten Flugangebote zur gleichen Zeit
vom gleichen Abflugort. Wenn du bereits ein Ziel und ein Datum im Kopf hast und
benachrichtigt werden möchtest, wenn die Flugpreise steigen oder fallen, lade
dir unsere App herunter.


IST JETCOST EINE ZUVERLÄSSIGE WEBSITE?


Die Antwort lautet: Ja! Jetcost ist äußerst zuverlässig. Jetcost ist eine
Suchmaschine, deren einziger Zweck es ist, dir zu helfen, die beste Option für
deine Reisepläne zu finden. Da Jetcost keine Flüge direkt verkauft, werden wir
dich nie nach persönlichen Daten oder Kreditkarten fragen, du kannst dich also
unbesorgt auf unserer Seite umsehen. Jeden Monat verlassen sich Millionen von
Nutzern auf unsere Vergleichsplattform, um die besten Angebote für Flüge, Hotels
und Mietwagen zu finden. Du kannst auch unsere Bewertungen auf Trustpilot lesen
und dabei auf diejenigen achten, die sich über den Kundenservice oder die
Erhöhung der Ticketpreise beschweren, denn Jetcost verkauft nicht, sondern
vergleicht! :)


SIND DIE AUF JETCOST ANGEZEIGTEN PREISE VERLÄSSLICH?


Da wir keine Direktverkäufer sind, können wir die von unseren Partnern
angebotenen Angebote nicht garantieren. Die Preise von Fluggesellschaften,
Hotels und Autovermietungen können sich immer ändern. Es ist auch möglich, dass
mehrere Personen gleichzeitig versuchen, das gleiche Angebot zu kaufen. Das hat
zur Folge, dass der angezeigte Preis nicht mehr verfügbar ist. Wenn du jedoch
ein Problem mit einem unserer Partner hattest, zögere bitte nicht, uns zu
kontaktieren und uns alle Details mitzuteilen, die du hast. Dein Beitrag wird
uns und anderen Nutzern helfen, einen immer besseren Service anzubieten!


WAS SIND SEITEN WIE JETCOST?


Jetcost ist eine Metasuche wie Skyscanner. Sie ermöglicht es dir, Hunderte von
Flügen, Hotels und Mietwagen zu vergleichen, indem sie die Angebote von
Fluggesellschaften und Online-Reisebüros analysiert. Das Ziel einer Suchmaschine
ist es, dir zu helfen, das beste Reiseangebot zu finden. Egal, ob du einen Flug,
ein Hotel oder eine Autovermietung suchst, Jetcost ist die richtige Seite für
dich!


KANN ICH DIREKT BEI JETCOST EINEN FLUG KAUFEN ODER EIN HOTEL BUCHEN?


Jetcost bietet einen kostenlosen Preisvergleichsdienst an, verkauft aber weder
die angezeigten Angebote noch verlangt es Gebühren oder persönliche Angaben für
den angebotenen Service. Wir versuchen, die besten Preise anzubieten, indem wir
mit Online-Reisebüros und Fluggesellschaften zusammenarbeiten. Deshalb werden
dir nach einer Suche alle verschiedenen Optionen angezeigt: Wenn du deine
bevorzugte Option auswählst, wirst du zu der Fluggesellschaft oder dem
Online-Reisebüro weitergeleitet, bei der/dem du deinen Kauf abschließen kannst.
Entdecken Sie unsere Anwendungssoftware Laden Sie die Anwendung kostenlos auf
Android oder iOS herunter




SUCHE UND VERGLEICHE PREISE MIT JETCOST

Mit Jetcost kannst du Flug-, Hotel- und Mietwagenangebote kostenlos für alle
Reiseziele weltweit suchen und vergleichen! Du kannst Flugtickets und Hotels zum
besten Preis finden und buchen, indem du verfügbare Angebote ohne zusätzliche
Kosten vergleichst. Jetcost hilft dir, Zeit und Geld zu sparen, indem du in
Sekunden genau das findest, wonach du suchst.


FLÜGE SUCHEN

Finde mit Jetcost tolle Angebote, suche und vergleiche Flüge zu jedem beliebigen
Ziel. Wenn deine Rückreisedaten flexibel sind, kannst du günstige Flüge finden.
Unser System schafft es, tolle Billigflugtickets von allen nationalen und
internationalen Fluggesellschaften zu finden. Klicke auf den angezeigten Preis,
um die Hin- und Rückflugdaten deines gewählten Fluges zu erfahren.

Du kannst billige Flüge nach Rom, London, Paris, New York oder Dubai und zu
vielen anderen Ziele nur finden, wenn du auf Jetcost klickst! Sieh dir alle
verfügbaren Reiseziele und die wichtigsten Flugrouten an, um alle ermäßigten
Flüge zu entdecken. Vergleiche Hunderte von Angeboten von Online-Reisebüros wie
Lastminute.com Volagratis, Bravofly, Rumbo, und großen Fluggesellschaften wie
Ryanair, Easyjet, Ita, Vueling, Iberia, Lufthansa.

Finde deinen Flug in Windeseile, indem du deine Suche nach deinen bevorzugten
Kriterien wie Flugdauer, Fluggesellschaften, Zwischenstopps, Reiseklasse,
Abflug- und Ankunftszeiten usw. filterst. Wähle deinen perfekten Flug in
Sekundenschnelle: Vergleiche Angebote und schließe deinen Kauf direkt auf der
Website der Fluggesellschaft und der Agentur ab, ohne Zeit zu verschwenden.


FINDE HOTELS UND MIETWAGEN

Wie bei Flügen kannst du auch hier Hotel- und Mietwagenpreise vergleichen. Finde
die Unterkunft, die deinen Bedürfnissen am besten entspricht, indem du in der
Fotogalerie stöberst und die Bewertungen anderer Benutzer liest.Vergleiche
Hotelangebote, Apartments, Hostels usw. von Top-Buchungsseiten wie Booking.com
und vielen anderen. Ein haustierfreundlicher Ferienhaus? Auf der Suche nach
einem Miet-SUV? Oder irgendein Auto, solange es billig ist? Du kannst Filter
verwenden, um nach Fahrzeugtyp, Getriebe, Kraftstofftyp, verfügbaren Sitzen und
anderen Kriterien zu suchen. Da wir Reisende wie du sind, wissen wir, wie
wichtig es ist, jede Reise zu planen.


LADE UNSERE APP HERUNTER

Verpass nicht das richtige Angebot für dich! Sieh dir jederzeit die am
häufigsten gesuchten Ziele oder Fluggesellschaften an, die regelmäßige Flüge von
deinem Abflugort anbieten. Wenn du es noch nicht getan hast, lade die
Jetcost-App für Apple und Android herunter. Du kannst bequem von unterwegs
buchen, wo immer du auch bist.

Die beliebtesten Routen
Wichtigste Fluggesellschaften
Meistbesuchte Städte
Die beliebtesten Ziele
 * Flüge Istanbul - Stuttgart
 * Flüge Istanbul - Frankfurt
 * Flüge Hannover - Istanbul
 * Flüge Düsseldorf - Palma de Mallorca
 * Flüge Köln Bonn - Palma de Mallorca
 * Flüge Düsseldorf - Antalya
 * Flüge Hamburg - Istanbul
 * Flüge Frankfurt - Istanbul
 * Flüge Stuttgart - Istanbul
 * Flüge Prishtina - Stuttgart
 * Flüge Istanbul - Düsseldorf
 * Flüge Köln Bonn - Istanbul
 * Flüge Düsseldorf - Istanbul
 * Flüge Frankfurt - Bangkok
 * Flüge Istanbul - Köln Bonn

 * easyJet
 * Wizz Air Malta
 * Nouvelair
 * Tunisair
 * Air Cairo
 * Wizz Air
 * Corendon
 * Ryanair
 * Condor
 * Turkish Airlines
 * SunExpress
 * AJet
 * Lufthansa
 * Eurowings
 * Pegasus Airlines

 * Flüge Dortmund
 * Flüge Izmir
 * Flüge Bangkok
 * Flüge Hannover
 * Flüge Hurghada
 * Flüge Antalya
 * Flüge München
 * Flüge Berlin
 * Flüge Palma de Mallorca
 * Flüge Hamburg
 * Flüge Stuttgart
 * Flüge Köln
 * Flüge Istanbul
 * Flüge Frankfurt
 * Flüge Düsseldorf

 * Billigflüge Schweiz
 * Billigflüge Vereinigte Staaten
 * Billigflüge Tunesien
 * Billigflüge Thailand
 * Billigflüge Agypten
 * Billigflüge Griechenland
 * Billigflüge Italien
 * Billigflüge Spanien
 * Billigflüge Turkei
 * Billigflüge Deutschland




INFO

Unternehmen
Kontakt
Datenschutzrichtlinien
Cookie-Bestimmungen
Cookies verwalten
Impressum
Allgemeine Geschäftsbedingungen
Partnerprogramm
Werden Sie unser Partner
Häufig gestellte Fragen
App
Karriere
Digital Services Act

FLÜGE

Flüge nach Ländern
Airlines

 * Ryanair
 * Lufthansa
 * Easyjet
 * Turkish Airlines
 * TUIfly

Städte & Flughäfen

 * Berlin
 * Palma de Mallorca
 * Frankfurt
 * München
 * Istanbul

Beliebte Routen

 * München - Berlin
 * Frankfurt - Berlin
 * Frankfurt - Palma de Mallorca
 * Frankfurt - London
 * Stuttgart - Berlin

Angebote und Tipps

 * Wann sollte man einen Flug buchen
 * Sommerziele für Bergfreunde
 * Die besten Sommerziele
 * Entdecken Sie die schönsten Inseln der Welt
 * Die schönsten Strände der Welt

Erkunde

ERSCHEINUNGSBILD


Hell

Dunkel

Automatisch

JETCOST INTERNATIONAL

Argentina Australia Bolivia Brasil Canada (en) Canada (fr) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
© 2006-2024 Jetcost


×


IHRE PRIVATSPHÄRE IST UNS WICHTIG

Wir und ausgewählte EU- und Nicht-EU-Drittanbieter verwenden Cookies und andere
ähnliche Tracking-Technologien für technische Zwecke und, mit Ihrem
Einverständnis, für Messungen und personalisierte Werbung, wie in unserer
Cookie-Richtlinie beschrieben. Mit Ihrem Einverständnis dürfen wir und unsere
ausgewählten Drittanbieter (einschließlich 885 Anbieter mit IAB-Zertifizierung)
aktiv Geräteeigenschaften zur Identifizierung scannen, um Informationen auf
einem Gerät zu speichern/aufzurufen und personenbezogene Daten wie Ihre
Nutzungsdaten für personalisierte Werbung, Werbemessung, Einblicke in die
Zielgruppe und die Entwicklung von Diensten zu verarbeiten. Sie können Ihre
Zustimmung zu nicht essentiellen Cookies frei erteilen oder verweigern, indem
Sie auf "Alle akzeptieren" oder "Alle ablehnen" klicken, und sie jederzeit über
das Panel "Cookies verwalten" ändern oder widerrufen.
Erneut klicken, um fortzufahren 0/1
Cookies verwalten
Alle ablehnenAlle akzeptieren