landingpage partner header menu und Titel fix

src/astro-typesafe-api-caller.ts

@@ -12,25 +12,25 @@ export const createCaller = createCallerFactory({
     "admin/nicht-ausstellen": await import("../src/pages/api/admin/nicht-ausstellen.ts"),
     "admin/registriernummer": await import("../src/pages/api/admin/registriernummer.ts"),
     "admin/stornieren": await import("../src/pages/api/admin/stornieren.ts"),
+    "aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
+    "ausweise": await import("../src/pages/api/ausweise/index.ts"),
     "auth/access-token": await import("../src/pages/api/auth/access-token.ts"),
     "auth/passwort-vergessen": await import("../src/pages/api/auth/passwort-vergessen.ts"),
     "auth/refresh-token": await import("../src/pages/api/auth/refresh-token.ts"),
-    "ausweise": await import("../src/pages/api/ausweise/index.ts"),
     "bedarfsausweis-gewerbe/[id]": await import("../src/pages/api/bedarfsausweis-gewerbe/[id].ts"),
     "bedarfsausweis-gewerbe": await import("../src/pages/api/bedarfsausweis-gewerbe/index.ts"),
-    "aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
     "bedarfsausweis-wohnen/[id]": await import("../src/pages/api/bedarfsausweis-wohnen/[id].ts"),
     "bedarfsausweis-wohnen": await import("../src/pages/api/bedarfsausweis-wohnen/index.ts"),
     "bilder/[id]": await import("../src/pages/api/bilder/[id].ts"),
-    "geg-nachweis-wohnen/[id]": await import("../src/pages/api/geg-nachweis-wohnen/[id].ts"),
-    "geg-nachweis-wohnen": await import("../src/pages/api/geg-nachweis-wohnen/index.ts"),
     "geg-nachweis-gewerbe/[id]": await import("../src/pages/api/geg-nachweis-gewerbe/[id].ts"),
     "geg-nachweis-gewerbe": await import("../src/pages/api/geg-nachweis-gewerbe/index.ts"),
-    "objekt": await import("../src/pages/api/objekt/index.ts"),
+    "geg-nachweis-wohnen/[id]": await import("../src/pages/api/geg-nachweis-wohnen/[id].ts"),
-    "ticket": await import("../src/pages/api/ticket/index.ts"),
+    "geg-nachweis-wohnen": await import("../src/pages/api/geg-nachweis-wohnen/index.ts"),
     "rechnung/[id]": await import("../src/pages/api/rechnung/[id].ts"),
     "rechnung/anfordern": await import("../src/pages/api/rechnung/anfordern.ts"),
     "rechnung": await import("../src/pages/api/rechnung/index.ts"),
+    "objekt": await import("../src/pages/api/objekt/index.ts"),
+    "ticket": await import("../src/pages/api/ticket/index.ts"),
     "user": await import("../src/pages/api/user/index.ts"),
     "user/self": await import("../src/pages/api/user/self.ts"),
     "verbrauchsausweis-gewerbe/[id]": await import("../src/pages/api/verbrauchsausweis-gewerbe/[id].ts"),

src/components/design/header/AusweisHeaderPartner.astro

@@ -39,63 +39,38 @@ const isNET = pathname.includes("immonet");
 		</div>
 
 		<div>
-			<ul class="navlist">
+			<!-- Navigation als Liste (nur ab sm sichtbar) -->
-				<li>
+<ul class="navlist hidden xl:flex">
-					<a
+  <li><a href={`/${partner}/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/`}><button class={tab === 0 ? "glow" : ""}>Verbrauchsausweis</button></a></li>
-						href={`/${partner}/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/`}
+  <li><a href={`/${partner}/energieausweis-erstellen/verbrauchsausweis-gewerbe/`}><button class={tab === 1 ? "glow" : ""}>Verbrauchsausweis Gewerbe</button></a></li>
-						><button class={tab === 0 ? "glow" : ""}
+  <li><a href={`/${partner}/energieausweis-erstellen/bedarfsausweis-wohngebaeude/`}><button class={tab === 2 ? "glow" : ""}>Bedarfsausweis</button></a></li>
-							>Verbrauchsausweis</button
+  <li><a href={`/${partner}/angebot-anfragen/bedarfsausweis-gewerbe-anfragen/`}><button class={tab === 3 ? "glow" : ""}>Bedarfsausweis Gewerbe</button></a></li>
-						></a>
+  <li><a href={`/${partner}/angebot-anfragen/geg-nachweis-wohnen-anfragen/`}><button class={tab === 4 ? "glow" : ""}>GEG Nachweis Wohngebäude</button></a></li>
-				</li>
+  <li><a href={`/${partner}/angebot-anfragen/geg-nachweis-gewerbe-anfragen/`}><button class={tab === 5 ? "glow" : ""}>GEG Nachweis Gewerbe</button></a></li>
-				<li>
+  <li><a href={`/${partner}/welcher-ausweis/${partner}`}><button class={tab === 6 ? "glow" : ""}>Welcher Ausweis</button></a></li>
-					<a
+</ul>
-						href={`/${partner}/energieausweis-erstellen/verbrauchsausweis-gewerbe/`}
+
-						><button class={tab === 1 ? "glow" : ""}
+<!-- Navigation als Dropdown (nur bis sm sichtbar) -->
-							>Verbrauchsausweis Gewerbe</button
+<select 
-						></a>
+  class="xl:hidden border rounded p-2 w-[calc(100%-2rem)]"
-				</li>
+  onchange="if (this.value) window.location.href=this.value"
-				<li>
+>
-					<a
+  <option value="">Auswahl treffen…</option>
-						href={`/${partner}/energieausweis-erstellen/bedarfsausweis-wohngebaeude/`}
+  <option value={`/${partner}/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/`} selected={tab === 0}>Verbrauchsausweis</option>
-						><button class={tab === 2 ? "glow" : ""}
+  <option value={`/${partner}/energieausweis-erstellen/verbrauchsausweis-gewerbe/`} selected={tab === 1}>Verbrauchsausweis Gewerbe</option>
-							>Bedarfsausweis</button
+  <option value={`/${partner}/energieausweis-erstellen/bedarfsausweis-wohngebaeude/`} selected={tab === 2}>Bedarfsausweis</option>
-						></a>
+  <option value={`/${partner}/angebot-anfragen/bedarfsausweis-gewerbe-anfragen/`} selected={tab === 3}>Bedarfsausweis Gewerbe</option>
-				</li>
+  <option value={`/${partner}/angebot-anfragen/geg-nachweis-wohnen-anfragen/`} selected={tab === 4}>GEG Nachweis Wohngebäude</option>
-				<li>
+  <option value={`/${partner}/angebot-anfragen/geg-nachweis-gewerbe-anfragen/`} selected={tab === 5}>GEG Nachweis Gewerbe</option>
-					<a
+  <option value={`/${partner}/welcher-ausweis/${partner}`} selected={tab === 6}>Welcher Ausweis</option>
-						href={`/${partner}/angebot-anfragen/bedarfsausweis-gewerbe-anfragen/`}
+</select>
-						><button class={tab === 3 ? "glow" : ""}
-							>Bedarfsausweis Gewerbe</button
-						></a>
-				</li>
-				<li>
-					<a
-						href={`/${partner}/angebot-anfragen/geg-nachweis-wohnen-anfragen/`}
-						><button class={tab === 4 ? "glow" : ""}
-							>GEG Nachweis Wohngebäude</button
-						></a>
-				</li>
-				<li>
-					<a
-						href={`/${partner}/angebot-anfragen/geg-nachweis-gewerbe-anfragen/`}
-						><button class={tab === 5 ? "glow" : ""}
-							>GEG Nachweis Gewerbe</button
-						></a>
-				</li>
-				<li>
-					<a href={`/${partner}/welcher-ausweis/${partner}`}
-						><button class={tab === 6 ? "glow" : ""}
-							>Welcher Ausweis</button
-						></a>
-				</li>
-			</ul>
 		</div>
 	</div>
 </header>
 
 <div
 	id="titel"
-	class="block w-full 2xl:h-[270px] lg:h-[148px] bg-cover px-24 py-20"
+	class="block w-full lg:h-[270px] bg-cover !px-8 md:px-32 py-20"
 	style={`background-image: url('/images/partner/${partner}/hero-energieausweis.jpg'); 
 background-repeat:no-repeat; background-position:right;`}
 >
@@ -186,7 +161,7 @@ background-repeat:no-repeat; background-position:right;`}
 	font-family: "immo Sans";
 	font-weight:400;
 	
-	div{@apply w-fit bg-white/75 py-6 px-16 rounded-lg ring-2 ring-black/15 text-[1.45rem];box-shadow:8px 8px 16px rgba(0,0,0,0.5);}
+	div{@apply w-fit bg-white/75 py-6 px-4 md:px-16 rounded-lg ring-2 ring-black/15 text-[1.45rem];box-shadow:8px 8px 16px rgba(0,0,0,0.5);}
 }
 
 	.header-button {