<!--
//..........................................................................................................................................................................................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE...iiiii.....................ghhhhh.......................................yNNNNNN......NNNNNN...iiiiii......................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE...iiiii.....................ghhhhh...............tttt....................yNNNNNN......NNNNNN...iiiiii......................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE...iiiii.....................ghhhhh.............tttttt....................yNNNNNNN.....NNNNNN...iiiiii......................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE.............................ghhhhh.............tttttt....................yNNNNNNN.....NNNNNN...............................................
//.bbbbbb......................................EEEEE.........................................ghhhhh.............tttttt....................yNNNNNNNN....NNNNNN...............................................
//.bbbbbb......................................EEEEE.........................................ghhhhh.............tttttt....................yNNNNNNNNN...NNNNNN...............................................
//.bbbbbbbbbbbbbb...bbyyyy.....yyyyyy..........EEEEE...............iiiii.....gggggggg.ggggg..ghhhhhhhhhhhhh...hhttttttttttyyyy.....yyyyyy.yNNNNNNNNN...NNNNNN...iiiiii..innnnnnnnnnnnn.......eeeeeeeee......
//.bbbbbbbbbbbbbbb..bbyyyy.....yyyyyy..........EEEEE...............iiiii....ggggggggggggggg..ghhhhhhhhhhhhhh..hhttttttttttyyyy.....yyyyyy.yNNNNNNNNNN..NNNNNN...iiiiii..innnnnnnnnnnnnn.....eeeeeeeeeeee....
//.bbbbbbbbbbbbbbbb.bbyyyy....yyyyyy...........EEEEE...............iiiii...gggggggggggggggg..ghhhhhhhhhhhhhhh.hhttttttttttyyyy....yyyyyy..yNNNNNNNNNN..NNNNNN...iiiiii..innnnnnnnnnnnnnn...eeeeeeeeeeeee....
//.bbbbbbbbbbbbbbbb..byyyyy...yyyyyy...........EEEEEEEEEEEEEEEE....iiiii...ggggggg.gggggggg..ghhhhhhh.hhhhhhh...tttttt...tyyyyy...yyyyyy..yNNNNNNNNNNN.NNNNNN...iiiiii..innnnnnn.nnnnnnn..neeeeeeeeeeeeee...
//.bbbbbbb...bbbbbbb.byyyyy...yyyyyy...........EEEEEEEEEEEEEEEE....iiiii..igggggg...ggggggg..ghhhhhh...hhhhhh...tttttt...tyyyyy...yyyyyy..yNNNNNNNNNNNNNNNNNN...iiiiii..innnnnn...nnnnnn..neeeee...eeeeee...
//.bbbbbb.....bbbbbb.byyyyy..yyyyyy............EEEEEEEEEEEEEEEE....iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt...tyyyyy..yyyyyy...yNNNNNNNNNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeee.....eeeeee..
//.bbbbbb.....bbbbbb..yyyyyy.yyyyyy............EEEEEEEEEEEEEEEE....iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt....yyyyyy.yyyyyy...yNNNNN.NNNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeeee..
//.bbbbbb.....bbbbbb..yyyyyy.yyyyy.............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt....yyyyyy.yyyyy....yNNNNN..NNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeeee..
//.bbbbbb.....bbbbbb...yyyyyyyyyyy.............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt.....yyyyyyyyyyy....yNNNNN..NNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeeee..
//.bbbbbb.....bbbbbb...yyyyyyyyyyy.............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt.....yyyyyyyyyyy....yNNNNN...NNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeee.............
//.bbbbbb.....bbbbbb...yyyyyyyyyy..............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt.....yyyyyyyyyy.....yNNNNN...NNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeee............
//.bbbbbbb...bbbbbbb....yyyyyyyyy..............EEEEE...............iiiii..igggggg...ggggggg..ghhhhh....hhhhhh...tttttt......yyyyyyyyy.....yNNNNN....NNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeee............
//.bbbbbbbbbbbbbbbb.....yyyyyyyyy..............EEEEEEEEEEEEEEEEEE..iiiii...gggggggggggggggg..ghhhhh....hhhhhh...ttttttttt...yyyyyyyyy.....yNNNNN.....NNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeee...
//.bbbbbbbbbbbbbbbb.....yyyyyyyy...............EEEEEEEEEEEEEEEEEE..iiiii...gggggggggggggggg..ghhhhh....hhhhhh...ttttttttt...yyyyyyyy......yNNNNN.....NNNNNNNN...iiiiii..innnnn....nnnnnn...eeeeeeeeeeeeee...
//.bbbbbbbbbbbbbbb.......yyyyyyy...............EEEEEEEEEEEEEEEEEE..iiiii....ggggggggggggggg..ghhhhh....hhhhhh....tttttttt....yyyyyyy......yNNNNN......NNNNNNN...iiiiii..innnnn....nnnnnn....eeeeeeeeeeeee...
//.bbbbbbbbbbbbbb........yyyyyyy...............EEEEEEEEEEEEEEEEEE..iiiii.....gggggggggggggg..ghhhhh....hhhhhh....tttttttt....yyyyyyy......yNNNNN......NNNNNNN...iiiiii..innnnn....nnnnnn.....eeeeeeeeee.....
//.......................yyyyyy......................................................gggggg..................................yyyyyy.........................................................................
//.......................yyyyyy............................................ggggg.....gggggg..................................yyyyyy.........................................................................
//...................byyyyyyyy.............................................ggggggg.ggggggg...............................tyyyyyyyy..........................................................................
//...................byyyyyyyy.............................................ggggggggggggggg...............................tyyyyyyyy..........................................................................
//...................byyyyyyy...............................................ggggggggggggg................................tyyyyyyy...........................................................................
//...................byyyyyy.................................................ggggggggggg.................................tyyyyyy............................................................................
//..........................................................................................................................................................................................................
-->
<!DOCTYPE html>
<html>

<head>
  <!-- Standard Meta -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

  <title>SmH</title>
  <meta name="description" content="Intranet für Servicecenter" />

  <link rel="icon" href="/img/favicon.ico" type="image/x-icon" />

  <!-- Site Properties -->
  <link rel="stylesheet" type="text/css" href="/css/tailwind.css">

  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {}
  </script>

  <link rel="stylesheet" type="text/css" href="/css/style.css">
  <link rel="stylesheet" href="/css/jquery-ui.css">

  <!--Regular Datatables CSS-->
  <link href="/css/jquery.dataTables.min.css" rel="stylesheet">

  <!--Responsive Extension Datatables CSS-->
  <link href="/css/responsive.dataTables.min.css" rel="stylesheet">

  <!-- DatetimePicker CSS -->
  <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />

  <!-- Site Scripts -->
  <script src="/js/jquery-3.6.0.min.js"></script>
  <script src="/js/jquery-ui.js"></script>
  <script src="/js/popper.min.js" charset="utf-8"></script>
  <script src="/js/alpine.min.js" defer></script>

  <script src="/js/filesize.min.js"></script>

  <!-- Datatables -->
  <script src="/js/jquery.dataTables.min.js"></script>
  <script src="/js/dataTables.responsive.min.js"></script>

  <!-- DatetimePicker JS -->
  <script type="text/javascript" src="/js/moment.min.js"></script>
  <script type="text/javascript" src="/js/daterangepicker.min.js"></script>

  <!-- trumbowyg JS -->
  <script src="/js/jquery-resizable.min.js"></script>

  <script src="/js/trumbowyg.min.js"></script>
  <link rel="stylesheet" href="/css/trumbowyg.min.css" />
  <script src="/js/trumbowyg.allowtagsfrompaste.min.js"></script>
  <script src="/js/trumbowyg.cleanpaste.min.js"></script>
  <link rel="stylesheet" href="/css/trumbowyg.colors.min.css" />
  <script src="/js/trumbowyg.colors.min.js"></script>
  <script src="/js/trumbowyg.emoji.min.js"></script>
  <script src="/js/trumbowyg.fontsize.min.js" i></script>
  <link rel="stylesheet" href="/css/trumbowyg.giphy.min.css" />
  <script src="/js/trumbowyg.giphy.min.js"></script>
  <script src="/js/trumbowyg.pasteimage.min.js"></script>
  <script src="/js/trumbowyg.resizimg.min.js"></script>
  <script src="/js/trumbowyg.base64.min.js"></script>
  <link rel="stylesheet" href="/css/trumbowyg.table.min.css" />
  <script src="/js/trumbowyg.table.min.js"></script>

  <!-- AnyChart JS -->
  <script src="/js/anychart-base.min.js"></script>
  <script src="/js/anychart-gantt.min.js"></script>
  <script src="/js/anychart-exports.min.js"></script>
  <script src="/js/anychart-ui.min.js"></script>
</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DXFM77D4GJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());

  gtag('config', 'G-DXFM77D4GJ');

  //sendAnalyticsEvent(event, event_category, event_label)
  function sendAnalyticsEvent(event, event_category, event_label) {
    gtag('event', event, {
      'event_category': event_category,
      'event_label': event_label
    });
  }
</script>
<body class="h-full bg-white dark:bg-gray-300" x-data="{ open: false, alert: false }">

  
  <div class="lg:pl-20">

    <div class="sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-gray-900 px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8">
      <button type="button" class="-m-2.5 p-2.5 text-gray-700 lg:hidden" @click="open = !open">
        <span class="sr-only">Open sidebar</span>
        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
        </svg>
      </button>

      <!-- Separator -->
      <div class="h-6 w-px bg-gray-900/10 lg:hidden" aria-hidden="true"></div>

      <div class="flex flex-1 gap-x-4 self-stretch lg:gap-x-6">

                <div class="flex items-center gap-x-4 lg:gap-x-6">

                    
          <!-- Separator -->
          <div class="hidden lg:block lg:h-6 lg:w-px lg:bg-gray-900/10" aria-hidden="true"></div>

          <!-- Profile dropdown -->
          
        </div>
      </div>
    </div>

    <!-- MAIN CONTENT CENTER -->

    <main>

      <div class="px-4 py-10 sm:px-6 lg:px-8 lg:py-6">

        


        <div class="bg-white rounded-lg shadow overflow-hidden">
          <!--
//..........................................................................................................................................................................................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE...iiiii.....................ghhhhh.......................................yNNNNNN......NNNNNN...iiiiii......................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE...iiiii.....................ghhhhh...............tttt....................yNNNNNN......NNNNNN...iiiiii......................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE...iiiii.....................ghhhhh.............tttttt....................yNNNNNNN.....NNNNNN...iiiiii......................................
//.bbbbbb......................................EEEEEEEEEEEEEEEEE.............................ghhhhh.............tttttt....................yNNNNNNN.....NNNNNN...............................................
//.bbbbbb......................................EEEEE.........................................ghhhhh.............tttttt....................yNNNNNNNN....NNNNNN...............................................
//.bbbbbb......................................EEEEE.........................................ghhhhh.............tttttt....................yNNNNNNNNN...NNNNNN...............................................
//.bbbbbbbbbbbbbb...bbyyyy.....yyyyyy..........EEEEE...............iiiii.....gggggggg.ggggg..ghhhhhhhhhhhhh...hhttttttttttyyyy.....yyyyyy.yNNNNNNNNN...NNNNNN...iiiiii..innnnnnnnnnnnn.......eeeeeeeee......
//.bbbbbbbbbbbbbbb..bbyyyy.....yyyyyy..........EEEEE...............iiiii....ggggggggggggggg..ghhhhhhhhhhhhhh..hhttttttttttyyyy.....yyyyyy.yNNNNNNNNNN..NNNNNN...iiiiii..innnnnnnnnnnnnn.....eeeeeeeeeeee....
//.bbbbbbbbbbbbbbbb.bbyyyy....yyyyyy...........EEEEE...............iiiii...gggggggggggggggg..ghhhhhhhhhhhhhhh.hhttttttttttyyyy....yyyyyy..yNNNNNNNNNN..NNNNNN...iiiiii..innnnnnnnnnnnnnn...eeeeeeeeeeeee....
//.bbbbbbbbbbbbbbbb..byyyyy...yyyyyy...........EEEEEEEEEEEEEEEE....iiiii...ggggggg.gggggggg..ghhhhhhh.hhhhhhh...tttttt...tyyyyy...yyyyyy..yNNNNNNNNNNN.NNNNNN...iiiiii..innnnnnn.nnnnnnn..neeeeeeeeeeeeee...
//.bbbbbbb...bbbbbbb.byyyyy...yyyyyy...........EEEEEEEEEEEEEEEE....iiiii..igggggg...ggggggg..ghhhhhh...hhhhhh...tttttt...tyyyyy...yyyyyy..yNNNNNNNNNNNNNNNNNN...iiiiii..innnnnn...nnnnnn..neeeee...eeeeee...
//.bbbbbb.....bbbbbb.byyyyy..yyyyyy............EEEEEEEEEEEEEEEE....iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt...tyyyyy..yyyyyy...yNNNNNNNNNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeee.....eeeeee..
//.bbbbbb.....bbbbbb..yyyyyy.yyyyyy............EEEEEEEEEEEEEEEE....iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt....yyyyyy.yyyyyy...yNNNNN.NNNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeeee..
//.bbbbbb.....bbbbbb..yyyyyy.yyyyy.............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt....yyyyyy.yyyyy....yNNNNN..NNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeeee..
//.bbbbbb.....bbbbbb...yyyyyyyyyyy.............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt.....yyyyyyyyyyy....yNNNNN..NNNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeeee..
//.bbbbbb.....bbbbbb...yyyyyyyyyyy.............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt.....yyyyyyyyyyy....yNNNNN...NNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeee.............
//.bbbbbb.....bbbbbb...yyyyyyyyyy..............EEEEE...............iiiii..iggggg.....gggggg..ghhhhh....hhhhhh...tttttt.....yyyyyyyyyy.....yNNNNN...NNNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeee............
//.bbbbbbb...bbbbbbb....yyyyyyyyy..............EEEEE...............iiiii..igggggg...ggggggg..ghhhhh....hhhhhh...tttttt......yyyyyyyyy.....yNNNNN....NNNNNNNNN...iiiiii..innnnn....nnnnnn..neeeee............
//.bbbbbbbbbbbbbbbb.....yyyyyyyyy..............EEEEEEEEEEEEEEEEEE..iiiii...gggggggggggggggg..ghhhhh....hhhhhh...ttttttttt...yyyyyyyyy.....yNNNNN.....NNNNNNNN...iiiiii..innnnn....nnnnnn..neeeeeeeeeeeeee...
//.bbbbbbbbbbbbbbbb.....yyyyyyyy...............EEEEEEEEEEEEEEEEEE..iiiii...gggggggggggggggg..ghhhhh....hhhhhh...ttttttttt...yyyyyyyy......yNNNNN.....NNNNNNNN...iiiiii..innnnn....nnnnnn...eeeeeeeeeeeeee...
//.bbbbbbbbbbbbbbb.......yyyyyyy...............EEEEEEEEEEEEEEEEEE..iiiii....ggggggggggggggg..ghhhhh....hhhhhh....tttttttt....yyyyyyy......yNNNNN......NNNNNNN...iiiiii..innnnn....nnnnnn....eeeeeeeeeeeee...
//.bbbbbbbbbbbbbb........yyyyyyy...............EEEEEEEEEEEEEEEEEE..iiiii.....gggggggggggggg..ghhhhh....hhhhhh....tttttttt....yyyyyyy......yNNNNN......NNNNNNN...iiiiii..innnnn....nnnnnn.....eeeeeeeeee.....
//.......................yyyyyy......................................................gggggg..................................yyyyyy.........................................................................
//.......................yyyyyy............................................ggggg.....gggggg..................................yyyyyy.........................................................................
//...................byyyyyyyy.............................................ggggggg.ggggggg...............................tyyyyyyyy..........................................................................
//...................byyyyyyyy.............................................ggggggggggggggg...............................tyyyyyyyy..........................................................................
//...................byyyyyyy...............................................ggggggggggggg................................tyyyyyyy...........................................................................
//...................byyyyyy.................................................ggggggggggg.................................tyyyyyy............................................................................
//..........................................................................................................................................................................................................
-->


    <div class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
      <div class="sm:mx-auto sm:w-full sm:max-w-md">
        <img class="mx-auto h-12 w-auto" src="/img/logo.png" alt="Workflow">
        <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
          Melden Sie sich bei Ihrem Konto an        </h2>
      </div>

      <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
        <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">

          <form class="space-y-6" method="POST" x-data="{ step: 1, name: '' }" @submit.prevent="if(step === 1) { step = 2; } else { $el.submit(); }">
            <div x-show="step === 1">
              <label for="name" class="block text-sm font-medium text-gray-700">
                Benutzername              </label>
              <div class="mt-1">
                <input id="name" name="name" type="text" autocomplete="name" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" x-model="name">
              </div>
              <div class="mt-4">
                <button type="button" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" x-on:click="if(name !== '') { step = 2; }">
                  Weiter                </button>
              </div>
            </div>

            <div x-show="step === 2">
              <label for="password" class="block text-sm font-medium text-gray-700">
                Passwort              </label>
              <div class="mt-1">
                <input id="password" name="password" type="password" autocomplete="current-password" :required="step === 2" class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
              </div>

              <div class="mt-4">
                <button type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                  Einloggen                </button>
              </div>
            </div>

            <div class="flex items-center justify-between mt-4">
              <div class="flex items-center">
                <input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
                <label for="remember-me" class="ml-2 block text-sm text-gray-900">
                  Erinnere dich an mich                </label>
              </div>

              <div class="text-sm">
                <a href="/#" class="font-medium text-indigo-600 hover:text-indigo-500">
                  Passwort vergessen                </a>
              </div>
            </div>
          </form>

        </div>
      </div>
    </div>
          </div>

      </div>
    </main>

  </div>

  
  <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->
  <div class="relative z-50 lg:hidden" role="dialog" aria-modal="true">

    <div class="fixed inset-0 bg-gray-900/80" x-show="open" x-transition:enter="transition-opacity ease-linear duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-opacity ease-linear duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak></div>

    <div class="fixed inset-0 flex" x-show="open" x-transition:enter="transition ease-in-out duration-300 transform" x-transition:enter-start="-translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in-out duration-300 transform" x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-full" x-cloak>

      <div class="relative mr-16 flex w-full max-w-xs flex-1">

        <div class="absolute left-full top-0 flex w-16 justify-center pt-5">
          <button type="button" class="-m-2.5 p-2.5" @click="open = false">
            <span class="sr-only">Close sidebar</span>
            <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
            </svg>
          </button>
        </div>

        <div class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-2 ring-1 ring-white/10">
          <div class="flex h-16 shrink-0 items-center">
            <a href="/">
              <img class="h-8 w-auto" src="/img/logo.png" alt="SmH ServiceCenter.de GmbH Logo">
            </a>
          </div>

          <!-- TODOO NEED A FUNKTION -->
          <nav class="flex flex-1 flex-col">
            <ul role="list" class="-mx-2 flex-1 space-y-1">

              
            </ul>
          </nav>

        </div>
      </div>
    </div>
  </div>

  <!-- Static sidebar for desktop -->
  <div class="hidden lg:fixed lg:inset-y-0 lg:left-0 lg:z-50 lg:block lg:w-20 lg:overflow-y-auto lg:bg-gray-900 lg:pb-4">
    <div class="flex h-16 shrink-0 items-center justify-center">
      <a href="/">
        <img class="h-8 w-auto" src="/img/logo.png" alt="SmH ServiceCenter.de GmbH Logo">
      </a>
    </div>

    <nav class="mt-8">
      <ul role="list" class="flex flex-col items-center space-y-1">
              </ul>
    </nav>

    <nav class="mt-8">
      <ul role="list" class="flex flex-col items-center space-y-1">
              </ul>
    </nav>

  </div>
</body>

</html>