---
import HeaderLogin from "#components/design/header/HeaderLogin.svelte";
---

<header id="header" class="w-full bg-white h-[81px] sm:pl-8">

	<div class="grid grid-cols-[min-content_1fr] items-center">
		

	<div class="w-[150px] h-[80px]">
	<div class="w-full h-full grid grid-col-1 justify-items-center items-center">
	<img class="w-[109px]" src="/images/immowelt/immowelt.svg" alt="immowelt"/>
	</div>	
	</div>

<div>

<ul class="navlist">
<li><button>Verbrauchsausweis</button></li>
<li><button>Bedarfssausweis</button></li>
<li><button>Verbrauchsausweis Gewerbe</button></li>
</ul>

</div>

</div>



</header>

<div class="block w-full 2xl:h-[270px] lg:h-[148px] bg-cover" style="background-image: url('/images/immowelt/hero-desktop.webp'); 
background-repeat:no-repeat; background-position:right;">
</div>

<style lang="postcss">

@font-face {
    font-family: "immo Sans";
    src: url('/fonts/Immo-Sans/immoSans-Regular.eot');
    src: url('/fonts/Immo-Sans/immoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Immo-Sans/immoSans-Regular.woff2') format('woff2'),
         url('/fonts/Immo-Sans/immoSans-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}


	.header-button {
		@apply px-4 py-2 text-primary-content font-medium text-lg tracking-normal hover:bg-secondary h-full;
	}

	.navlist{@apply block sm:flex pl-[1.75rem];}
	.navlist li{@apply flex md:pr-[6px]}
	.navlist li button{@apply text-[0.75rem] md:text-[1rem]  text-[#646464] sm:p-2 text-left
		hover:rounded-[1rem] hover:bg-[rgba(50,50,50,0.1)];
		font-family: "immo Sans";
		font-weight:400;}

</style>