struktur, responsive
This commit is contained in:
Robert Jagtiani
@@ -31,7 +31,7 @@
|
||||
|
||||
<div class="saeule">
|
||||
<div class="blue-top">
|
||||
<img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/>
|
||||
<img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/>
|
||||
<div class="name">Verbrauchsausweis<br>Gewerbe</div>
|
||||
</div>
|
||||
<div class="orange">
|
||||
@@ -56,7 +56,7 @@
|
||||
|
||||
<div class="saeule">
|
||||
<div class="blue-top">
|
||||
<img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Gewerbe Verbrauchsausweis"/>
|
||||
<img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Gewerbe Verbrauchsausweis"/>
|
||||
<div class="name">Bedarfsausweis<br>Wohngebäude</div>
|
||||
</div>
|
||||
<div class="orange">
|
||||
@@ -108,9 +108,11 @@
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
#saeulen{@apply grid grid-cols-[1fr,1fr,1fr,1fr] gap-4;
|
||||
#saeulen{@apply grid grid-cols-[1fr] gap-4
|
||||
lg:grid-cols-[1fr,1fr,1fr]
|
||||
xl:grid-cols-[1fr,1fr,1fr,1fr];
|
||||
.saeule{@apply grid;
|
||||
img{@apply w-full justify-self-center mb-1}
|
||||
img{@apply w-full justify-self-center mb-1 min-h-[50px] }
|
||||
.blue-top{@apply bg-secondary text-white text-center font-bold rounded-md mb-1 p-4}
|
||||
.name{@apply w-full}
|
||||
.name{font-size: clamp(15px, 2vh, 18px)}
|
||||
@@ -122,7 +124,7 @@ img{@apply w-full justify-self-center mb-1}
|
||||
.white{@apply border-x-[1px] border-gray-500 text-center text-black p-4}
|
||||
.services{@apply py-2}
|
||||
.services:first-child{@apply font-bold}
|
||||
.services:nth-child(even){@apply bg-secondary/10}
|
||||
.services:nth-child(even){@apply bg-white}
|
||||
.services:not(:last-child){@apply border-b-[1px] border-gray-300}
|
||||
.blue-bottom{@apply bg-secondary text-white text-center font-bold rounded-b-md p-4}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<header class="max-w-[1920px] w-full relative bg-white
|
||||
md:bg-[url('/images/header/header-bg.jpg')] md:bg-cover md:grid md:grid-cols-2
|
||||
md:bg-[url('/images/header/header-bg.jpg')]
|
||||
md:bg-cover md:grid md:grid-cols-2
|
||||
lg:grid lg:grid-cols-3">
|
||||
|
||||
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
<div
|
||||
id="card-login"
|
||||
class="box card hidden bg-white px-6 py-4 mb-5
|
||||
lg:block"
|
||||
lg:block lg:ring-2 lg:ring-secondary/50"
|
||||
>
|
||||
<div class="grid">
|
||||
<div class="grid grid-cols-[2rem,1fr,1fr]">
|
||||
@@ -38,12 +38,12 @@
|
||||
<div class="justify-self-end text-secondary">
|
||||
<a
|
||||
class="text-lg font-bold text-box-heading leading-6 no-underline hover:text-primary"
|
||||
href="">Kontakt</a
|
||||
href="./kontakt">Kontakt</a
|
||||
>
|
||||
/
|
||||
<a
|
||||
class="text-lg font-bold text-box-heading leading-6 no-underline hover:text-primary"
|
||||
href="">AGB</a
|
||||
href="./agb">AGB</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -12,7 +12,7 @@ class=" box card hidden bg-white px-6 py-4 mb-5
|
||||
<hr class="mb-4">
|
||||
<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
|
||||
|
||||
<a href="#" id="link-BA-promo"
|
||||
<a href="./energieausweis-erstellen/bedarfsausweis-gewerbe/" id="link-BA-promo"
|
||||
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
|
||||
hover:bg-primary
|
||||
" >jetzt Bedarfssausweis erstellen</a>
|
||||
|
||||
@@ -12,7 +12,7 @@ class=" box card hidden bg-white px-6 py-4 mb-5
|
||||
<hr class="mb-4">
|
||||
<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
|
||||
|
||||
<a href="index" id="link-BA-promo"
|
||||
<a href="./energieausweis-erstellen/bedarfsausweis-wohngebaeude/" id="link-BA-promo"
|
||||
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
|
||||
hover:bg-primary
|
||||
" >jetzt Bedarfssausweis erstellen</a>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<hr class="mb-4">
|
||||
<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
|
||||
|
||||
<a href="index" id="link-VA-promo"
|
||||
<a href="./energieausweis-erstellen/verbrauchsausweis-gewerbe/" id="link-VA-promo"
|
||||
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
|
||||
hover:bg-primary
|
||||
" >jetzt Verbrauchsausweis erstellen</a>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<hr class="mb-4">
|
||||
<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
|
||||
|
||||
<a href="" id="link-VA-promo"
|
||||
<a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" id="link-VA-promo"
|
||||
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
|
||||
hover:bg-primary
|
||||
" >jetzt Verbrauchsausweis erstellen</a>
|
||||
|
||||
@@ -97,90 +97,90 @@ if(innerWidth>1024){
|
||||
|
||||
|
||||
|
||||
<nav id="card-navigation" class="card-navigation hidden box lg:block">
|
||||
<nav id="card-navigation" class="card-navigation hidden box ring-2 ring-primary/50 lg:block">
|
||||
|
||||
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
|
||||
{#if innerWidth > 1023}
|
||||
<a href="" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<a href="" class="nav-element-child xl:rounded-t-[.75rem] lg:rounded-t-lg xl:rounded-t-xl " >Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
{:else}
|
||||
<a href="#" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<a href="javascript:void(0)" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
{/if}
|
||||
|
||||
<ul class="dropdown-content energieasusweis-erstellen">
|
||||
{#if innerWidth < 1023}
|
||||
<li><a href="">Energieausweis erstellen</a></li>
|
||||
{/if}
|
||||
<li><a href="">Verbrauchsausweis erstellen</a></li>
|
||||
<li><a href="">Bedarfsausweis erstellen</a></li>
|
||||
<li><a href="">Verbrauchsausweis Gewerbe erstellen</a></li>
|
||||
<li><a href="">Bedarfsausweis Gewerbe erstellen</a></li>
|
||||
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis erstellen</a></li>
|
||||
<li><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">Bedarfsausweis erstellen</a></li>
|
||||
<li><a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/">Verbrauchsausweis Gewerbe erstellen</a></li>
|
||||
<li><a href="/energieausweis-erstellen/bedarfsausweis-gewerbe/">Bedarfsausweis Gewerbe erstellen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-element dropdown">
|
||||
<div class="nav-element-child">Welcher Energieausweis?</div>
|
||||
<div class="nav-element">
|
||||
<a class="no-dropdown nav-element-child" href="/welcher-energieausweis">Welcher Energieausweis?</a>
|
||||
</div>
|
||||
|
||||
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
|
||||
<a href="#" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<a href="javascript:void(0)" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<ul class="dropdown-content verbrauchsausweis">
|
||||
{#if innerWidth < 1023}
|
||||
<li><a href="">Verbrauchsausweis</a></li>
|
||||
<li><a href="index">Verbrauchsausweis</a></li>
|
||||
{/if}
|
||||
<li><a href="">Verbrauchsausweis Wohngebäude</a></li>
|
||||
<li><a href="">Verbrauchsausweis online erstellen</a></li>
|
||||
<li><a href="">Häufige Fragen zum Verbrauchsausweis</a></li>
|
||||
<li><a href="">Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
|
||||
<li><a href="">Verbrauchsausweis Gewerbe</a></li>
|
||||
<li><a href="">Verbrauchsausweis Gewerbe online erstellen</a></li>
|
||||
<li><a href="">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
|
||||
<li><a href="">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
|
||||
<li><a href="index">Verbrauchsausweis Wohngebäude</a></li>
|
||||
<li><a href="index">Verbrauchsausweis online erstellen</a></li>
|
||||
<li><a href="index">Häufige Fragen zum Verbrauchsausweis</a></li>
|
||||
<li><a href="index">Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
|
||||
<li><a href="index">Verbrauchsausweis Gewerbe</a></li>
|
||||
<li><a href="index">Verbrauchsausweis Gewerbe online erstellen</a></li>
|
||||
<li><a href="index">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
|
||||
<li><a href="index">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
|
||||
</div>
|
||||
|
||||
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
|
||||
<a href="#" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<a href="javascript:void(0)" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<ul class="dropdown-content bedarfsausweis">
|
||||
{#if innerWidth < 1023}
|
||||
<li><a href="">Bedarfsausweis</a></li>
|
||||
<li><a href="index">Bedarfsausweis</a></li>
|
||||
{/if}
|
||||
<li><a href="">Bedarfsausweis Wohngebäude</a></li>
|
||||
<li><a href="">Bedarfsausweis online erstellen</a></li>
|
||||
<li><a href="">Häufige Fragen zum Bedarfsausweis</a></li>
|
||||
<li><a href="">Statistiken zum Bedarfsausweis Wohngebäude</a></li>
|
||||
<li><a href="">Bedarfsausweis Gewerbe</a></li>
|
||||
<li><a href="">Bedarfsausweis Gewerbe online erstellen</a></li>
|
||||
<li><a href="">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
|
||||
<li><a href="">Statistiken zum Bedarfsausweis Gewerbe</a></li>
|
||||
<li><a href="index">Bedarfsausweis Wohngebäude</a></li>
|
||||
<li><a href="index">Bedarfsausweis online erstellen</a></li>
|
||||
<li><a href="index">Häufige Fragen zum Bedarfsausweis</a></li>
|
||||
<li><a href="index">Statistiken zum Bedarfsausweis Wohngebäude</a></li>
|
||||
<li><a href="index">Bedarfsausweis Gewerbe</a></li>
|
||||
<li><a href="index">Bedarfsausweis Gewerbe online erstellen</a></li>
|
||||
<li><a href="index">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
|
||||
<li><a href="index">Statistiken zum Bedarfsausweis Gewerbe</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
|
||||
<a href="#" class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<a href="javascript:void(0)" class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
|
||||
<ul class="dropdown-content energieausweis">
|
||||
{#if innerWidth < 1023}
|
||||
<li><a href="">Energieausweis</a></li>
|
||||
<li><a href="index">Energieausweis</a></li>
|
||||
{/if}
|
||||
<li class=""><a href="">Energieausweis Pflicht</a></li>
|
||||
<li class=""><a href="">Energieausweis Kosten</a></li>
|
||||
<li class=""><a href="">Energieausweis Haus</a></li>
|
||||
<li class=""><a href="index">Energieausweis Pflicht</a></li>
|
||||
<li class=""><a href="index">Energieausweis Kosten</a></li>
|
||||
<li class=""><a href="index">Energieausweis Haus</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-element dropdown">
|
||||
<div class="nav-element-child">EnEV Zusammenfassung - Archiv</div>
|
||||
<div class="nav-element">
|
||||
<a class="no-dropdown nav-element-child" href="/enev-zusammenfassung">EnEV Zusammenfassung - Archiv</a>
|
||||
</div>
|
||||
<div class="nav-element dropdown">
|
||||
<div class="nav-element-child">Energieausweis Aussteller</div>
|
||||
<div class="nav-element">
|
||||
<a class="no-dropdown nav-element-child" href="/energieausweis-aussteller">Energieausweis Aussteller</a>
|
||||
</div>
|
||||
<div class="nav-element dropdown">
|
||||
<div class="nav-element-child">Kundenbewertungen</div>
|
||||
<div class="nav-element">
|
||||
<a class="no-dropdown nav-element-child" href="/kundenbewertungen">Kundenbewertungen</a>
|
||||
</div>
|
||||
<div class="nav-element dropdown">
|
||||
<div class="nav-element-child">FAQ</div>
|
||||
<div class="nav-element">
|
||||
<a class="no-dropdown nav-element-child" href="/faq">FAQ</a>
|
||||
</div>
|
||||
<div class="nav-element dropdown">
|
||||
<div class="nav-element-child xl:!rounded-b-xl">Für Entwickler</div>
|
||||
<div class="nav-element">
|
||||
<a class="no-dropdown nav-element-child lg:!rounded-b-lg xl:!rounded-b-xl"href="/fuer-entwickler">Für Entwickler</a>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -189,8 +189,6 @@ if(innerWidth>1024){
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
|
||||
.dd-symbol::before{
|
||||
content:'❯';
|
||||
font-size:0.95rem;
|
||||
|
||||
@@ -6,6 +6,7 @@ import Preistabelle from "#sidebarCards/card-price-info.svelte";
|
||||
|
||||
<div class="flex flex-col grow">
|
||||
|
||||
|
||||
<Navigation client:load />
|
||||
|
||||
<Preistabelle client:load />
|
||||
|
||||
@@ -11,7 +11,6 @@ import BAGpromo from "#sidebarCards/card-BA-G-promo.svelte";
|
||||
<div class="hidden
|
||||
xl:flex xl:flex-col xl:grow
|
||||
">
|
||||
|
||||
<Login client:load />
|
||||
<Contact client:load />
|
||||
<Review client:load />
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
---
|
||||
import "../style/global.scss"
|
||||
import "../style/global.css";
|
||||
import "../../svelte-dialogs.config"
|
||||
import Footer from '../components/Footer.astro';
|
||||
import Header from '../components/Header.astro';
|
||||
import SidebarLeft from '../components/SidebarLeft.astro';
|
||||
import Header from "#header/Header.astro";
|
||||
import Footer from "#footer/Footer.astro";
|
||||
import SidebarLeft from "#sidebarLeft/SidebarLeft.astro";
|
||||
import { NotificationWrapper } from "@ibcornelsen/ui";
|
||||
|
||||
export interface Props {
|
||||
title: string;
|
||||
@@ -11,38 +12,14 @@ export interface Props {
|
||||
|
||||
const { title } = Astro.props;
|
||||
|
||||
const schema = JSON.stringify({
|
||||
'@context': 'http://schema.org',
|
||||
'@type': 'Corporation',
|
||||
name: 'IB Cornelsen',
|
||||
alternateName: 'online-energieausweis.org',
|
||||
url: 'https://online-energieausweis.org',
|
||||
logo: 'https://online-energieausweis.org/ib-cornelsen.png',
|
||||
address: {
|
||||
'@type': 'PostalAddress',
|
||||
streetAddress: 'Katendeich 5A',
|
||||
addressLocality: 'Hamburg',
|
||||
postalCode: '21035',
|
||||
addressCountry: 'Deutschland',
|
||||
email: 'info@online-energieausweis.org',
|
||||
},
|
||||
contactPoint: {
|
||||
'@type': 'ContactPoint',
|
||||
telephone: '+49-040-209339850',
|
||||
faxNumber: '+49-040-209339859',
|
||||
contactType: 'customer service',
|
||||
areaServed: 'DE',
|
||||
availableLanguage: 'German',
|
||||
},
|
||||
});
|
||||
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<script type="application/ld+json" set:html={schema}></script>
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
|
||||
|
||||
<meta
|
||||
@@ -83,14 +60,30 @@ const schema = JSON.stringify({
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<container class="w-full max-w-[1920px]">
|
||||
|
||||
<Header />
|
||||
<main class="grid gap-6 p-6 grid-cols-[2fr,8fr] max-w-[1920px] w-full bg-base-100">
|
||||
<SidebarLeft></SidebarLeft>
|
||||
<article class="bg-base-200 rounded-lg border border-base-300 h-min">
|
||||
<slot />
|
||||
</article>
|
||||
|
||||
<main
|
||||
class="w-full p-0 grid
|
||||
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-1
|
||||
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-2
|
||||
lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-3
|
||||
xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-4
|
||||
2xl:grid-cols-[minmax(350px,350px)1fr] 2xl:gap-5 2xl:p-5
|
||||
">
|
||||
|
||||
<SidebarLeft />
|
||||
|
||||
<article class="box grow">
|
||||
<slot />
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
<Footer />
|
||||
<NotificationWrapper client:load />
|
||||
</container>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -186,15 +179,6 @@ article {
|
||||
); */
|
||||
}
|
||||
|
||||
.box {
|
||||
@apply border-2 border-[#ffcc03] p-4 rounded-lg bg-base-200;
|
||||
/* background: linear-gradient(
|
||||
135deg,
|
||||
rgba(252, 234, 187, 1) 0%,
|
||||
rgba(253, 235, 189, 1) 52%,
|
||||
rgba(251, 223, 147, 1) 100%
|
||||
); */
|
||||
}
|
||||
|
||||
.headline {
|
||||
@apply text-lg;
|
||||
|
||||
@@ -34,17 +34,15 @@ const { title } = Astro.props;
|
||||
<body>
|
||||
<container class="w-full max-w-[1920px]">
|
||||
|
||||
|
||||
|
||||
<Header />
|
||||
<main
|
||||
class="w-full p-0
|
||||
|
||||
|
||||
lg:grid grid-cols-[max-content,6fr] lg:gap-3 lg:p-3
|
||||
xl:grid-cols-[2fr,6fr,2fr] xl:py-4 xl:px-3
|
||||
2xl:grid-cols-[2fr,6fr,2fr] 2xl:gap-5 2xl:py-4 2xl:px-9
|
||||
|
||||
<main
|
||||
class="w-full p-0 grid
|
||||
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-1
|
||||
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-2
|
||||
lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-3
|
||||
xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-4
|
||||
2xl:grid-cols-[minmax(350px,350px)1fr_minmax(350px,350px)] 2xl:gap-5 2xl:p-5
|
||||
">
|
||||
|
||||
<SidebarLeft />
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
layout; ../layouts/Layout.astro
|
||||
title: AGB - online-energieausweis.org
|
||||
layout: ../layouts/Layout.astro
|
||||
title: "Allgemeine Geschäftsbedingungen"
|
||||
---
|
||||
|
||||
# Allgemeine Geschäftsbedingungen
|
||||
|
||||
@@ -0,0 +1,14 @@
|
||||
---
|
||||
import Layout from "#layouts/Layout.astro";
|
||||
|
||||
|
||||
---
|
||||
|
||||
<Layout title="Ingeneurbüro Cornelsen Kontakt - Online Energieausweis">
|
||||
<h1>Kontakt - Online Energieausweis</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</Layout>
|
||||
@@ -72,7 +72,9 @@ article {
|
||||
/*BOXES*/
|
||||
.box{
|
||||
@apply rounded-none
|
||||
xl:rounded-xl lg:shadow-box lg:ring-1 lg:ring-gray-300
|
||||
lg:rounded-lg lg:shadow-box lg:ring-1 lg:ring-gray-300
|
||||
xl:rounded-xl
|
||||
|
||||
}
|
||||
|
||||
.card{
|
||||
@@ -91,8 +93,14 @@ article {
|
||||
|
||||
.nav-element:not(:first-child){@apply border-gray-200 border-t-[1px]}
|
||||
|
||||
.no-dropdown, .no-dropdown:hover{@apply text-black no-underline}
|
||||
|
||||
.nav-element:hover > .nav-element-child{
|
||||
@apply !bg-primary !text-white cursor-pointer
|
||||
@apply !bg-primary !text-white cursor-pointer
|
||||
}
|
||||
|
||||
.nav-element:hover > .nav-element-child .no-dropdown{
|
||||
@apply !bg-primary !text-white cursor-pointer
|
||||
}
|
||||
|
||||
.nav-element:hover > .dropdown-content{
|
||||
|
||||
Reference in New Issue
Block a user