<footer class="w-full bg-blue-600 text-white shadow-xl py-8 mt-24  break-words">



<div class="flex items-center justify-center  flex-col sm:flex-row sm:gap-32">
    
    <div class="mb-2 sm:m-0">
     <h1 class="flex justify-center text-md font-bold font-sans tracking-wider gap-2">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
    </svg>
        Rechtliches:</h1>

    <div class="left-0 w-full p-2 flex justify-center space-x-2  text-white">
        <p class="text-xs  tracking-wide"><a class= "hover:underline" href="/impress">Impressum</a></p>
        <p class="text-xs  tracking-wide"><a class= "hover:underline" href="/privacy">Datenschutz</a></p>
        <p class="text-xs  tracking-wide"><a class= "hover:underline" href="https://edugit.org/enrichment-2024/qivip">Repository</a></p>
    </div>
    </div>

 <div>
    <h2 class="flex justify-center text-md font-bold font-sans tracking-widerd gap-2">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z" />
</svg>

        Erfahren Sie mehr:</h2>
    <div class="left-0 w-full p-2 flex justify-center space-x-2  text-white">
        <p class="text-xs tracking-wide"><a class= "hover:underline" href="https://katharineum.de/qivip-unsere-neue-quiz-software/">
            
            mehr über uns</a></p>
    </div>
       </div>

 </div>
 

 <div class="flex justify-center">
  <div class="h-0.25 w-200 bg-white opacity-40 rounded-full mt-2">
 </div></div>


<p class="text-xs text-center opacity-80 mt-2">
    
   <a class="font-bold" href="/">qivip</a> - Ein Projekt entstanden während des Enrichment-Programms.
</p>

</footer>
