85 lines
2.1 KiB
Plaintext
85 lines
2.1 KiB
Plaintext
---
|
|
import Login from "#sidebarCards/card-login.svelte";
|
|
|
|
---
|
|
|
|
<header>
|
|
|
|
<div class="max-w-[1920px] w-full grid relative bg-white
|
|
|
|
sm:grid-cols-[0px_1fr_minmax(450px,450px)] sm:pl-6 sm:pr-3 sm:py-2
|
|
md:grid-cols-[0px_1fr_minmax(450px,450px)] md:pl-6 md:pr-3 md:py-2
|
|
lg:bg-[url('/images/header/header-bg.jpg')] lg:bg-cover
|
|
lg:grid-cols-[minmax(350px,350px)1fr_minmax(450px,450px)] lg:gap-3 lg:px-5 lg:py-4
|
|
xl:grid-cols-[minmax(350px,350px)1fr_minmax(450px,450px)] xl:gap-4 xl:px-5 xl:py-4
|
|
2xl:grid-cols-[minmax(350px,350px)1fr_minmax(450px,450px)] 2xl:gap-5 2xl:px-5 2xl:py-4">
|
|
|
|
|
|
|
|
<!---
|
|
|
|
|
|
<h2 class="text-secondary font-normal absolute
|
|
top-1 right-2 text-[1.1rem]
|
|
xs:top-[1.5rem] xs:right-6 xs:text-[1.55rem]
|
|
|
|
md:top-[1.25rem] md:right-4 md:text-[1.1rem]
|
|
xl:top-[1.5rem] xl:right-9 xl:text-[1.4rem]">
|
|
Energieausweis online erstellen
|
|
</h2>
|
|
|
|
<h2 class="text-primary font-normal absolute
|
|
top-[1.6rem] right-2 text-[0.85rem]
|
|
xs:top-[3.3rem] xs:right-6 xs:text-[1.2rem]
|
|
|
|
md:top-[2.5rem] md:right-4 md:text-[0.9rem]
|
|
xl:top-[3.15rem] xl:right-9 xl:text-[1.1rem]">
|
|
Energieausweise nach aktuellem GEG
|
|
</h2> -->
|
|
|
|
<div></div>
|
|
|
|
<div class="self-center justify-self-start
|
|
sm:justify-self-start
|
|
md:justify-self-start
|
|
lg:justify-self-center
|
|
xl:justify-self-center
|
|
2xl:justify-self-center">
|
|
<a href="/index_1">
|
|
<img class="w-[73px]"
|
|
src="/images/header/logo-IBC-big.svg" alt="IBCornelsen-Logo"/>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="w-[450px]">
|
|
<Login client:load />
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="col-start-1 col-span-3">
|
|
<div class="px-2 flex flex-row w-full justify-end items-center bg-primary
|
|
lg:h-[14px] xl:h-[18px]">
|
|
|
|
<!-- <a
|
|
class="header-button hidden md:block"
|
|
href="/energieausweis-erstellen/verbrauchsausweis-erstellen"
|
|
>Energieausweis erstellen</a
|
|
>
|
|
<a class="header-button hidden md:block" href="/kontakt"
|
|
>Kontakt</a
|
|
>
|
|
<a class="header-button hidden md:block" href="/agb">AGB</a>
|
|
-->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<style>
|
|
.header-button {
|
|
@apply px-4 py-2 text-primary-content font-medium text-lg tracking-normal hover:bg-secondary h-full;
|
|
}
|
|
</style> |