<footer class="mt-auto w-full max-w-[85rem] py-10 px-4 sm:px-6 lg:px-8 mx-auto">
	<!-- Grid -->
	<div class="text-center">
		<div>
			<a
				class="flex-none text-xl font-semibold text-black dark:text-white"
				href="/"
				aria-label="Brand">LfK Kiosk</a
			>
		</div>
		<!-- End Col -->

		<div class="mt-3">
			<p class="text-gray-500">
				Powered by <a
					class="font-semibold text-blue-600 hover:text-blue-700 dark:text-blue-500 dark:hover:text-blue-400"
					target="_blank"
					rel="noreferrer"
					href="https://odit.services/?ref=lfks">ODIT.Services</a
				>
			</p>
			<p class="text-gray-500">© {new Date().getFullYear()} ODIT.Services</p>
		</div>

		<div class="mt-3 space-x-2">
			<a
				class="inline-flex justify-center items-center text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800"
				target="_blank"
				rel="noreferrer"
				href="https://lauf-fuer-kaya.de/impressum"
			>
				Impressum
			</a>
			<p
				class="inline-flex justify-center items-center text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800"
			>
				|
			</p>
			<a
				class="inline-flex justify-center items-center text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800"
				target="_blank"
				rel="noreferrer"
				href="https://lauf-fuer-kaya.de/datenschutz"
			>
				Datenschutz
			</a>
		</div>
	</div>
</footer>
