
<script>


</script>


<div class="">

<details  class="dropdown block xl:dropdown-right">
    <summary  class="btn rounded-none w-full justify-start">Energieausweis erstellen<span class="absolute right-[20px]">❯</span></summary>
    <ul class="dd-cont p-2 shadow menu dropdown-content z-[1] w-full bg-base-100">
      <li class=""><a>Verbrauchsausweis erstellen</a></li>
      <li class=""><a>Bedarfsausweis erstellen</a></li>
      <li class=""><a>Verbrauchsausweis Gewerbe erstellen</a></li>
      <li class=""><a>Bedarfsausweis Gewerbe erstellen</a></li>
    </ul>
</details>

<details  class="dropdown block">
    <summary  class="btn rounded-none w-full justify-start">Welcher Energieausweis?</summary>
</details>

<details  class="dropdown block xl:dropdown-hover xl:dropdown-right">
    <summary  class="btn rounded-none w-full justify-start">Verbrauchsausweis<span class="absolute right-[20px]">❯</span></summary>
    <ul class="dd-cont p-2 shadow menu dropdown-content z-[1] w-full bg-base-100">
      <li class=""><a>Verbrauchsausweis Wohngebäude</a></li>
      <li class=""><a>Verbrauchsausweis online erstellen</a></li>
      <li class=""><a>Häufige Fragen zum Verbrauchsausweis</a></li>
      <li class=""><a>Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
      <li class=""><a>Verbrauchsausweis Gewerbe</a></li>
      <li class=""><a>Verbrauchsausweis Gewerbe online erstellen</a></li>
      <li class=""><a>Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
      <li class=""><a>Statistiken zum Verbrauchsausweis Gewerbe</a></li>
    </ul>
</details>
<details  class="dropdown block xl:dropdown-hover xl:dropdown-right">
    <summary  class="btn rounded-none w-full justify-start">Bedarfsausweis<span class="absolute right-[20px]">❯</span></summary>
    <ul class="dd-cont p-2 shadow menu dropdown-content z-[1] w-full bg-base-100">
      <li class=""><a>Bedarfsausweis Wohngebäude</a></li>
      <li class=""><a>Bedarfsausweis online erstellen</a></li>
      <li class=""><a>Häufige Fragen zum Bedarfsausweis</a></li>
      <li class=""><a>Statistiken zum Bedarfsausweis Wohngebäude</a></li>
      <li class=""><a>Bedarfsausweis Gewerbe</a></li>
      <li class=""><a>Bedarfsausweis Gewerbe online erstellen</a></li>
      <li class=""><a>Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
      <li class=""><a>Statistiken zum Bedarfsausweis Gewerbe</a></li>
    </ul>
</details>
<details  class="dropdown block xl:dropdown-hover xl:dropdown-right">
    <summary  class="btn rounded-none w-full justify-start">Energieausweis<span class="absolute right-[20px]">❯</span></summary>
    <ul class="dd-cont p-2 shadow menu dropdown-content z-[1] w-full bg-base-100">
      <li class=""><a>Energieausweis Pflicht</a></li>
      <li class=""><a>Energieausweis Kosten</a></li>
      <li class=""><a>Energieausweis Haus</a></li>
    </ul>
</details>
<details  class="dropdown block">
    <summary  class="btn rounded-none w-full justify-start">EnEV Zusammenfassung - Archiv</summary>
</details>
<details  class="dropdown block">
    <summary  class="btn rounded-none w-full justify-start">Energieausweis Aussteller</summary>
</details>
<details  class="dropdown block">
    <summary  class="btn rounded-none w-full justify-start">Kundenbewertungen</summary>
</details>


</div>

<style>

.dd-cont{
    @apply !relative lg:!absolute;
    li{
    @apply w-max  
    }
}

summary{
    @apply text-black !text-[1.1rem] !font-normal
    
}
details:hover > summary { 
    @apply !bg-primary !text-white
}
details:hover > details.dd-cont { 
    @apply !visible
}






</style>