From 7f429b2e60e7ec396c8c2fc9c48be46967f1bb76 Mon Sep 17 00:00:00 2001 From: Moritz Utcke Date: Sat, 14 Dec 2024 06:31:43 +0700 Subject: [PATCH 1/4] Widget vereinfacht --- src/components/Widget.svelte | 79 +++++- .../CardBedarfsausweisGewerbeWidget.svelte | 56 ----- .../content/CardBedarfsausweisWidget.svelte | 56 ----- .../CardVerbrauchsausweisGewerbeWidget.svelte | 56 ----- .../CardVerbrauchsausweisWidget.svelte | 96 ------- .../design/content/WidgetCardTemplate.svelte | 81 ++++++ .../sidebars/cards/card-BA-promo.svelte | 2 +- .../energieausweis-erstellen/index.astro | 16 +- src/style/global.css | 237 ++++++++++-------- 9 files changed, 292 insertions(+), 387 deletions(-) delete mode 100644 src/components/design/content/CardBedarfsausweisGewerbeWidget.svelte delete mode 100644 src/components/design/content/CardBedarfsausweisWidget.svelte delete mode 100644 src/components/design/content/CardVerbrauchsausweisGewerbeWidget.svelte delete mode 100644 src/components/design/content/CardVerbrauchsausweisWidget.svelte create mode 100644 src/components/design/content/WidgetCardTemplate.svelte diff --git a/src/components/Widget.svelte b/src/components/Widget.svelte index 6202bda0..daac239a 100644 --- a/src/components/Widget.svelte +++ b/src/components/Widget.svelte @@ -1,9 +1,7 @@ - -
-
- -

Bedarfsausweis Gewerbe

-
- -
-
- Gewerbe Bedarfsausweis -
-
-

ab{PRICES.BedarfsausweisGewerbe[0]}€

-
-
- -
-
fundiert (empfohlen)
-
Mehrzonenmodell nach DIN 18599.
✔
-
Zulässig bei Vermietung oder Verkauf.
✔
-
Grundlage für Sanierungsvarianten.
✔
-
Objektiveres, besser vergleichbares Ergebnis.
✔
-
- jetzt online erstellen - - zur Produktübersicht - -
-
- - - \ No newline at end of file diff --git a/src/components/design/content/CardBedarfsausweisWidget.svelte b/src/components/design/content/CardBedarfsausweisWidget.svelte deleted file mode 100644 index 3980145b..00000000 --- a/src/components/design/content/CardBedarfsausweisWidget.svelte +++ /dev/null @@ -1,56 +0,0 @@ - - -
-
- -

Bedarfssausweis Wohngebäude

-
- -
-
- Wohnhaus Bedarfsausweis -
-
-

ab{PRICES.BedarfsausweisWohnen[0]}€

-
-
- -
-
fundiert (empfohlen)
-
Erfassung der Gebäudegeometrie.
✔
-
Für Vermietung, Verkauf und Finanzierung.
✔
-
Zulässig auch für unsanierte Objekte.
✔
-
Kann als Grundlage für den ISFP dienen.
✔
-
Objektivere Berechnungsmethode nach DIN 18599.
✔
-
- jetzt online erstellen - - zur Produktübersicht - -
-
- - - \ No newline at end of file diff --git a/src/components/design/content/CardVerbrauchsausweisGewerbeWidget.svelte b/src/components/design/content/CardVerbrauchsausweisGewerbeWidget.svelte deleted file mode 100644 index abd7a744..00000000 --- a/src/components/design/content/CardVerbrauchsausweisGewerbeWidget.svelte +++ /dev/null @@ -1,56 +0,0 @@ - - -
-
- -

Verbrauchsausweis Gewerbe

-
- -
-
- Gewerbe Verbrauchsausweis -
-
-

ab{PRICES.VerbrauchsausweisGewerbe[0]}€

-
-
- -
-
einfach
-
3 Jahresverbräuche von Heizung Gebäudestrom nötig.
✔
-
Zulässig bei Vermietung oder Verkauf.
✔
-
Für bauliche und energetische Maßnahmen ungeeignet.
✘
-
Wird nicht immer bei den Banken akzeptiert.
✘
-
- jetzt online erstellen - - zur Produktübersicht - -
-
- - - \ No newline at end of file diff --git a/src/components/design/content/CardVerbrauchsausweisWidget.svelte b/src/components/design/content/CardVerbrauchsausweisWidget.svelte deleted file mode 100644 index 652c78fd..00000000 --- a/src/components/design/content/CardVerbrauchsausweisWidget.svelte +++ /dev/null @@ -1,96 +0,0 @@ - - -
-
-

Verbrauchsausweis Wohngebäude

-
- -
-
- Wohnhaus Verbrauchsausweis -
-
-

- ab{PRICES.VerbrauchsausweisWohnen[0]}€ -

-
-
- -
-
einfach
-
-
3 Jahresverbräuche der Heizung benötigt.
-
✔
-
-
-
Zulässig bei Vermietung oder Verkauf.
-
✔
-
-
-
Unzulässig bei unsanierten Gebäuden vor 1978.
-
✘
-
-
-
Ungenau durch individuelles Heizverhalten.
-
✘
-
-
-
Wird nicht immer bei den Banken akzeptiert.
-
✘
-
-
-
- jetzt online erstellen - - zur Produktübersicht -
-
-
- - diff --git a/src/components/design/content/WidgetCardTemplate.svelte b/src/components/design/content/WidgetCardTemplate.svelte new file mode 100644 index 00000000..e41acaea --- /dev/null +++ b/src/components/design/content/WidgetCardTemplate.svelte @@ -0,0 +1,81 @@ + + +
+
+

Bedarfssausweis Wohngebäude

+
+ +
+
+ +
+
+

+ ab{price}€ +

+
+
+ +
+
{variant}
+ {#each services as [service, check]} +
+ {service} +
{check ? "✔" : "✘"}
+
+ {/each} +
+
+ jetzt online erstellen + + zur Produktübersicht +
+
+
+ + diff --git a/src/components/design/sidebars/cards/card-BA-promo.svelte b/src/components/design/sidebars/cards/card-BA-promo.svelte index 7a39700e..e40396a0 100644 --- a/src/components/design/sidebars/cards/card-BA-promo.svelte +++ b/src/components/design/sidebars/cards/card-BA-promo.svelte @@ -21,4 +21,4 @@ class=" box card bg-white px-6 py-4 mb-5"> + \ No newline at end of file diff --git a/src/pages/energieausweis-erstellen/index.astro b/src/pages/energieausweis-erstellen/index.astro index e637bdd1..951818f8 100644 --- a/src/pages/energieausweis-erstellen/index.astro +++ b/src/pages/energieausweis-erstellen/index.astro @@ -1,20 +1,12 @@ --- - import Layout from "#layouts/Layout.astro"; import Widget from "#components/Widget.svelte"; - --- - +

Welcher Energieausweis?

-

Welcher Energieausweis?

- -
- -
- - - +
+ +
- diff --git a/src/style/global.css b/src/style/global.css index 6e880e29..a3a8e2ed 100644 --- a/src/style/global.css +++ b/src/style/global.css @@ -1,29 +1,26 @@ -/*@import url('https://fonts.googleapis.com/css2?family=Abel:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400&display=swap');*/ - @font-face { - font-family: 'Heron'; + font-family: "Heron"; font-weight: 400; font-style: normal; - font-display:swap; - src: url("/fonts/HeronSans-Light.woff2") format('woff2'); - } + font-display: swap; + src: url("/fonts/HeronSans-Light.woff2") format("woff2"); +} @font-face { - font-family: 'Heron'; + font-family: "Heron"; font-weight: 700; font-style: normal; - font-display:swap; - src: url("/fonts/HeronSans-Regular.woff2") format('woff2'); - } + font-display: swap; + src: url("/fonts/HeronSans-Regular.woff2") format("woff2"); +} - @font-face { - font-family: 'Antique Olive Compact bold'; +@font-face { + font-family: "Antique Olive Compact bold"; font-weight: 700; font-style: normal; - font-display:swap; - src: url("/fonts/Antique Olive Std Compact.woff2") format('woff2'); - } + font-display: swap; + src: url("/fonts/Antique Olive Std Compact.woff2") format("woff2"); +} * { font-weight: 400; @@ -31,150 +28,194 @@ font-family: "Heron"; } - -.promo1{ +.promo1 { font-weight: 700; box-sizing: border-box; font-family: "Antique Olive Compact bold"; text-shadow: 2px 2px 8px #222; - } - .promo{ - font-weight: 700; - box-sizing: border-box; - font-family: "Antique Olive Compact bold"; - } - - -body{ - @apply bg-[url('/images/pattern.png')] bg-repeat bg-fixed max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px] +.promo { + font-weight: 700; + box-sizing: border-box; + font-family: "Antique Olive Compact bold"; } +body { + @apply bg-[url('/images/pattern.png')] bg-repeat bg-fixed max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px]; +} .button { @apply w-full h-[38px] px-4 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap - hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary + hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary; } -input[type="text"], input[type="number"], input[type="password"], select{ - @apply min-h-[38px] ring-1 ring-black/15 rounded-sm} -input[type="checkbox"]{@apply inline-block} -radio{@apply accent-primary} - +input[type="text"], +input[type="number"], +input[type="password"], +select { + @apply min-h-[38px] ring-1 ring-black/15 rounded-sm; +} +input[type="checkbox"] { + @apply inline-block; +} +radio { + @apply accent-primary; +} /*ARTICLE*/ article { @apply w-full relative bg-white min-h-screen px-0 py-0; - hr {@apply mb-4 mt-4;} + hr { + @apply mb-4 mt-4; + } - h1 {@apply text-4xl font-normal mb-2;} - h2 {@apply text-2xl font-normal mb-2;} - h3 {@apply text-xl font-normal mb-2;} - - a {@apply text-blue-700 font-medium text-lg;} - + h1 { + @apply text-4xl font-normal mb-2; + } + h2 { + @apply text-2xl font-normal mb-2; + } + h3 { + @apply text-xl font-normal mb-2; + } + + a { + @apply text-blue-700 font-medium text-lg; + } } /*SIDEBARS*/ /*BOXES*/ -.box{ - @apply rounded-lg +.box { + @apply rounded-lg lg:shadow-box lg:ring-1 lg:ring-gray-300 - xl:rounded-xl - + xl:rounded-xl; } -.card{ - h2 {@apply text-lg font-bold text-box-heading leading-6} - hr {@apply my-2} - p {@apply text-lg} - a {@apply text-lg} - +.card { + h2 { + @apply text-lg font-bold text-box-heading leading-6; + } + hr { + @apply my-2; + } + p { + @apply text-lg; + } + a { + @apply text-lg; + } } /*SIDEBAR-LEFT*/ /*NAVIGATION*/ -.nav-element{@apply relative block cursor-pointer} - -.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 +.nav-element { + @apply relative block cursor-pointer; } -.nav-element:hover > .nav-element-child .no-dropdown{ - @apply !bg-primary !text-white cursor-pointer +.nav-element:not(:first-child) { + @apply border-gray-200 border-t-[1px]; } - -.nav-element:hover > .dropdown-content{ - @apply lg:visible lg:opacity-100 lg:block lg:ml-[calc(100%+2px)] +.no-dropdown, +.no-dropdown:hover { + @apply text-black no-underline; } -.nav-element:hover:first-child > .nav-element-child{ - @apply !rounded-none - lg:!rounded-tl-xl lg:!rounded-tr-none +.nav-element:hover > .nav-element-child { + @apply !bg-primary !text-white cursor-pointer; } -.nav-element:hover:last-child > .nav-element-child{ - @apply !rounded-none - xl:!rounded-b-xl +.nav-element:hover > .nav-element-child .no-dropdown { + @apply !bg-primary !text-white cursor-pointer; } -.nav-element-child{ - @apply px-4 py-2 w-full justify-start text-sm bg-white flex !no-underline text-black - xl:text-lg +.nav-element:hover > .dropdown-content { + @apply lg:visible lg:opacity-100 lg:block lg:ml-[calc(100%+2px)]; } -.dropdown-content{ - @apply !relative z-[1] !p-0 !scale-100 hidden +.nav-element:hover:first-child > .nav-element-child { + @apply !rounded-none + lg:!rounded-tl-xl lg:!rounded-tr-none; +} + +.nav-element:hover:last-child > .nav-element-child { + @apply !rounded-none + xl:!rounded-b-xl; +} + +.nav-element-child { + @apply px-4 py-2 w-full justify-start text-sm bg-white flex !no-underline text-black + xl:text-lg; +} + +.dropdown-content { + @apply !relative z-[1] !p-0 !scale-100 hidden lg:!absolute lg:min-w-max lg:p-2 lg:shadow-lg lg:!top-0 lg:ring-gray-300 lg:ring-1; - -li {@apply text-sm bg-white flex - xl:text-lg} -li a {@apply w-full text-sm px-4 py-2 rounded-none no-underline hover:text-white hover:bg-gradient-to-br from-secondary to-secondary-grad + li { + @apply text-sm bg-white flex + xl:text-lg; + } + + li a { + @apply w-full text-sm px-4 py-2 rounded-none no-underline hover:text-white hover:bg-gradient-to-br from-secondary to-secondary-grad lg:px-4 bg-[#efefef] text-black lg:hover:bg-secondary - xl:text-lg} + xl:text-lg; + } -li:not(:first-child) {@apply !border-gray-200 !border-t-[1px]} + li:not(:first-child) { + @apply !border-gray-200 !border-t-[1px]; + } } -.verbrauchsausweis li:nth-child(5), .bedarfsausweis li:nth-child(5){ - @apply !border-primary !border-t-[1px] +.verbrauchsausweis li:nth-child(5), +.bedarfsausweis li:nth-child(5) { + @apply !border-primary !border-t-[1px]; } -#hamburger{ +#hamburger { @apply my-1; - span {@apply block h-[3px] w-6 bg-white !transition-all} - span:nth-child(2) {@apply my-1} + span { + @apply block h-[3px] w-6 bg-white !transition-all; + } + span:nth-child(2) { + @apply my-1; + } } -.hamburger-swing-0{@apply origin-left rotate-45 -translate-y-[1.5px] !transition-all duration-500} -.hamburger-swing-1{@apply origin-center opacity-0 !transition-all} -.hamburger-swing-2{@apply origin-left -rotate-45 translate-y-[1.5px] !transition-all duration-500} - -.show-dropdown-content{@apply block !visible !opacity-100 lg:!invisible} -.dd-symbol{ @apply absolute right-[20px] rotate-0 transition-all duration-300 origin-center md:transition-none} -.dd-symbol-clone{ @apply absolute right-[20px] lg:text-primary} -.rotate-symbol{@apply rotate-[90deg] transition-all duration-300 origin-center lg:rotate-0 md:transition-none} - +.hamburger-swing-0 { + @apply origin-left rotate-45 -translate-y-[1.5px] !transition-all duration-500; +} +.hamburger-swing-1 { + @apply origin-center opacity-0 !transition-all; +} +.hamburger-swing-2 { + @apply origin-left -rotate-45 translate-y-[1.5px] !transition-all duration-500; +} +.show-dropdown-content { + @apply block !visible !opacity-100 lg:!invisible; +} +.dd-symbol { + @apply absolute right-[20px] rotate-0 transition-all duration-300 origin-center md:transition-none; +} +.dd-symbol-clone { + @apply absolute right-[20px] lg:text-primary; +} +.rotate-symbol { + @apply rotate-[90deg] transition-all duration-300 origin-center lg:rotate-0 md:transition-none; +} /*NAVIGATION-ANIMATION*/ /*SIDEBAR-RIGHT*/ /*FOOTER*/ - - - From 6ff2a58817bed823159fcf1291f227b3f7159433 Mon Sep 17 00:00:00 2001 From: Moritz Utcke Date: Sat, 14 Dec 2024 06:36:49 +0700 Subject: [PATCH 2/4] Widget verbessert --- .../design/content/WidgetCardTemplate.svelte | 2 +- .../widgets/welcherAusweisWidget.svelte | 97 ------------------- 2 files changed, 1 insertion(+), 98 deletions(-) diff --git a/src/components/design/content/WidgetCardTemplate.svelte b/src/components/design/content/WidgetCardTemplate.svelte index e41acaea..93891241 100644 --- a/src/components/design/content/WidgetCardTemplate.svelte +++ b/src/components/design/content/WidgetCardTemplate.svelte @@ -10,7 +10,7 @@
-

Bedarfssausweis Wohngebäude

+

{name}

diff --git a/src/components/widgets/welcherAusweisWidget.svelte b/src/components/widgets/welcherAusweisWidget.svelte index 6835386a..daac239a 100644 --- a/src/components/widgets/welcherAusweisWidget.svelte +++ b/src/components/widgets/welcherAusweisWidget.svelte @@ -3,19 +3,11 @@ import WidgetCardTemplate from "./design/content/WidgetCardTemplate.svelte"; import { PRICES } from "#lib/constants.js"; -<<<<<<< HEAD:src/components/widgets/welcherAusweisWidget.svelte -import cardVAwidget from "#content/cardVAwidget.svelte"; -import cardVAGwidget from "#content/cardVAGwidget.svelte"; -import cardBAwidget from "#content/cardBAwidget.svelte"; -import cardBAGwidget from "#content/cardBAGwidget.svelte"; -import { fade } from 'svelte/transition'; -======= let gebaeudetyp: string; let anlass: string; let einheiten: string; let sanierungsstatus: string; let baujahr: string; ->>>>>>> origin/UMBE:src/components/Widget.svelte const allowedTypes = [ "Einfamilienhaus", @@ -43,94 +35,6 @@ import { fade } from 'svelte/transition'; } -<<<<<<< HEAD:src/components/widgets/welcherAusweisWidget.svelte -
- - -
- -
-
-
Gebäudetyp
- -
- -
-
Anlass
- -
-
- -
-
-
Baujahr
- -
- -
-
Wohneinheiten
- -
- -
-
Sanierungsstatus
- -
-
- -
- {#if showVA} -
- -
- {/if} - - {#if showBA} -
- -
- {/if} - - {#if showVAG} -
- -
- {/if} - - {#if showBAG} -
- -
- {/if} -
-=======
@@ -182,7 +86,6 @@ import { fade } from 'svelte/transition';
->>>>>>> origin/UMBE:src/components/Widget.svelte
Wohneinheiten
From 3865781da3816977bb9432f9d361f8d17ed26f16 Mon Sep 17 00:00:00 2001 From: Moritz Utcke Date: Sat, 14 Dec 2024 06:41:12 +0700 Subject: [PATCH 3/4] Dateien Umbenannt und Widget gefixt --- ...rgleich.svelte => ProduktVergleich.svelte} | 0 .../design/content/cardBAGwidget.svelte | 56 - .../design/content/cardBAwidget.svelte | 56 - .../design/content/cardVAGwidget.svelte | 56 - .../design/content/cardVAwidget.svelte | 57 - ...get.svelte => WelcherAusweisWidget.svelte} | 2 +- src/pages/faq/index.astro | 1129 +++++++++++------ src/pages/index.astro | 2 +- src/pages/welcher-energieausweis.mdx | 4 +- 9 files changed, 751 insertions(+), 611 deletions(-) rename src/components/design/content/{produktVergleich.svelte => ProduktVergleich.svelte} (100%) delete mode 100644 src/components/design/content/cardBAGwidget.svelte delete mode 100644 src/components/design/content/cardBAwidget.svelte delete mode 100644 src/components/design/content/cardVAGwidget.svelte delete mode 100644 src/components/design/content/cardVAwidget.svelte rename src/components/widgets/{welcherAusweisWidget.svelte => WelcherAusweisWidget.svelte} (98%) diff --git a/src/components/design/content/produktVergleich.svelte b/src/components/design/content/ProduktVergleich.svelte similarity index 100% rename from src/components/design/content/produktVergleich.svelte rename to src/components/design/content/ProduktVergleich.svelte diff --git a/src/components/design/content/cardBAGwidget.svelte b/src/components/design/content/cardBAGwidget.svelte deleted file mode 100644 index 2886abf8..00000000 --- a/src/components/design/content/cardBAGwidget.svelte +++ /dev/null @@ -1,56 +0,0 @@ - - -
-
- -

Bedarfsausweis Gewerbe

-
- -
-
- Gewerbe Bedarfsausweis -
-
-

ab{PRICES.BedarfsausweisGewerbe[0]}€

-
-
- -
-
fundiert (empfohlen)
-
Mehrzonenmodell nach DIN 18599.
✔
-
Zulässig bei Vermietung oder Verkauf.
✔
-
Grundlage für Sanierungsvarianten.
✔
-
Objektiveres, besser vergleichbares Ergebnis.
✔
-
- jetzt online erstellen - - zur Produktübersicht - -
-
- - - \ No newline at end of file diff --git a/src/components/design/content/cardBAwidget.svelte b/src/components/design/content/cardBAwidget.svelte deleted file mode 100644 index ad8431f3..00000000 --- a/src/components/design/content/cardBAwidget.svelte +++ /dev/null @@ -1,56 +0,0 @@ - - -
-
- -

Bedarfssausweis Wohngebäude

-
- -
-
- Wohnhaus Bedarfsausweis -
-
-

ab{PRICES.BedarfsausweisWohnen[0]}€

-
-
- -
-
fundiert (empfohlen)
-
Erfassung der Gebäudegeometrie.
✔
-
Für Vermietung, Verkauf und Finanzierung.
✔
-
Zulässig auch für unsanierte Objekte.
✔
-
Kann als Grundlage für den ISFP dienen.
✔
-
Objektivere Berechnungsmethode nach DIN 18599.
✔
-
- jetzt online erstellen - - zur Produktübersicht - -
-
- - - \ No newline at end of file diff --git a/src/components/design/content/cardVAGwidget.svelte b/src/components/design/content/cardVAGwidget.svelte deleted file mode 100644 index 7c57820c..00000000 --- a/src/components/design/content/cardVAGwidget.svelte +++ /dev/null @@ -1,56 +0,0 @@ - - -
-
- -

Verbrauchsausweis Gewerbe

-
- -
-
- Gewerbe Verbrauchsausweis -
-
-

ab{PRICES.VerbrauchsausweisGewerbe[0]}€

-
-
- -
-
einfach
-
3 Jahresverbräuche von Heizung Gebäudestrom nötig.
✔
-
Zulässig bei Vermietung oder Verkauf.
✔
-
Für bauliche und energetische Maßnahmen ungeeignet.
✘
-
Wird nicht immer bei den Banken akzeptiert.
✘
-
- jetzt online erstellen - - zur Produktübersicht - -
-
- - - \ No newline at end of file diff --git a/src/components/design/content/cardVAwidget.svelte b/src/components/design/content/cardVAwidget.svelte deleted file mode 100644 index a47e9f56..00000000 --- a/src/components/design/content/cardVAwidget.svelte +++ /dev/null @@ -1,57 +0,0 @@ - - -
-
- -

Verbrauchsausweis Wohngebäude

-
- -
-
- Wohnhaus Verbrauchsausweis -
-
-

ab{PRICES.VerbrauchsausweisWohnen[0]}€

-
-
- -
-
einfach
-
3 Jahresverbräuche der Heizung benötigt.
✔
-
Zulässig bei Vermietung oder Verkauf.
✔
-
Unzulässig bei unsanierten Gebäuden vor 1978.
✘
-
Ungenau durch individuelles Heizverhalten.
✘
-
Wird nicht immer bei den Banken akzeptiert.
✘
-
- jetzt online erstellen - - zur Produktübersicht - -
-
- - - \ No newline at end of file diff --git a/src/components/widgets/welcherAusweisWidget.svelte b/src/components/widgets/WelcherAusweisWidget.svelte similarity index 98% rename from src/components/widgets/welcherAusweisWidget.svelte rename to src/components/widgets/WelcherAusweisWidget.svelte index daac239a..842aa6e6 100644 --- a/src/components/widgets/welcherAusweisWidget.svelte +++ b/src/components/widgets/WelcherAusweisWidget.svelte @@ -1,6 +1,6 @@ + +
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+ +
+ + Bitte geben Sie hier die Straße und Hausnummer des Gebäudes ein. + +
+ + +
+
+ diff --git a/src/components/design/content/ProduktVergleich.svelte b/src/components/design/content/ProduktVergleich.svelte index f4967e64..d3f12b6c 100644 --- a/src/components/design/content/ProduktVergleich.svelte +++ b/src/components/design/content/ProduktVergleich.svelte @@ -4,7 +4,7 @@
-
+
@@ -78,7 +78,7 @@ -#saeulen{@apply +#produktvergleich{@apply grid grid-cols-[1fr] gap-y-3 gap-x-6 lg:grid-cols-2 xl:grid-cols-2; diff --git a/src/components/design/sidebars/cards/cardPriceiInfo.svelte b/src/components/design/sidebars/cards/cardPriceiInfo.svelte index 92b446a2..a30a1a97 100644 --- a/src/components/design/sidebars/cards/cardPriceiInfo.svelte +++ b/src/components/design/sidebars/cards/cardPriceiInfo.svelte @@ -2,31 +2,42 @@ import { PRICES } from "#lib/constants"; - + + +Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen +
+ + + + +
+ + + + + diff --git a/src/pages/welcher-energieausweis.mdx b/src/pages/welcher-energieausweis.mdx index d65afe77..2404cf2a 100644 --- a/src/pages/welcher-energieausweis.mdx +++ b/src/pages/welcher-energieausweis.mdx @@ -14,7 +14,7 @@ Falls Sie nicht wissen sollten welchen Energieausweis Sie benötigen, können Si hier ganz einfach den Gebäudetyp und die entsprechende Maßnahme angeben und bekommen als Ergebnis, den für Sie pasenden Energieausweis angezeigt. - + ## Bei Vermietung und Verkauf Ihres Wohnhauses ist der Verbrauchsausweis Wohngebäude ausreichend diff --git a/src/style/global.css b/src/style/global.css index 05e848c1..905a1152 100644 --- a/src/style/global.css +++ b/src/style/global.css @@ -41,8 +41,15 @@ font-family: "Antique Olive Compact bold"; } -body { - @apply bg-[url('/images/pattern.png')] bg-repeat bg-fixed max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px]; +.promo{ + font-weight: 700; + box-sizing: border-box; + font-family: "Antique Olive Compact bold"; + } + + +body{ + @apply bg-[url('/images/pattern.png')] bg-repeat bg-fixed max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px] } .button { @@ -90,9 +97,8 @@ article { /*SIDEBARS*/ /*BOXES*/ -.box { - @apply rounded-lg - +.box{ + @apply rounded-lg lg:shadow-box lg:ring-1 lg:ring-gray-300 xl:rounded-xl; } diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 06ceecdb..8647aa41 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -49,25 +49,25 @@ module.exports = { }, gridTemplateColumns: { - 'formbutton-line': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', - 'formbutton-line-md': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', - 'formbutton-line-xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', - 'formbutton-line-2xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', - - 'bereich-A': '1fr', - 'bereich-A-md': '2fr 2fr', - 'bereich-A-xl': '2fr 2fr', - 'bereich-A-2xl': '3fr 4fr', - - 'bereich-B': '1fr', - 'bereich-B-lg': '2fr 2fr', - 'bereich-B-xl': '2fr 2fr', - 'bereich-B-2xl': '3fr 4fr', - - 'bereich-C': '1fr', - 'bereich-C-lg': '2fr 2fr', - 'bereich-C-xl': '2fr 2fr', - 'bereich-C-2xl': '3fr 4fr', + //'formbutton-line': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', + //'formbutton-line-md': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', + //'formbutton-line-xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', + //'formbutton-line-2xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)', + // + //'bereich-A': '1fr', + //'bereich-A-md': '2fr 2fr', + //'bereich-A-xl': '2fr 2fr', + //'bereich-A-2xl': '3fr 4fr', +// + //'bereich-B': '1fr', + //'bereich-B-lg': '2fr 2fr', + //'bereich-B-xl': '2fr 2fr', + //'bereich-B-2xl': '3fr 4fr', +// + //'bereich-C': '1fr', + //'bereich-C-lg': '2fr 2fr', + //'bereich-C-xl': '2fr 2fr', + //'bereich-C-2xl': '3fr 4fr', //'standard-sm': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',