diff --git a/.vscode/settings.json b/.vscode/settings.json index 4480636b..d0749368 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -8,9 +8,10 @@ "css.lint.unknownAtRules": "ignore", "scss.lint.unknownAtRules": "ignore", "less.lint.unknownAtRules": "ignore" -} + "workbench.colorCustomizations": { "minimap.background": "#00000000", "scrollbar.shadow": "#00000000" - } + }, + } diff --git a/package.json b/package.json index 0289b913..b0901798 100644 --- a/package.json +++ b/package.json @@ -44,6 +44,7 @@ "i18next-http-backend": "^2.6.2", "js-cookie": "^3.0.5", "js-interpolate": "^1.0.1", + "postcss-nested": "^7.0.2", "katex": "^0.16.11", "moment": "^2.30.1", "moment-timezone": "^0.5.46", @@ -64,6 +65,7 @@ "@types/body-scroll-lock": "^3.1.2", "@types/fontkit": "^2.0.7", "@types/js-cookie": "^3.0.6", + "autoprefixer": "^10.4.20", "@types/uuid": "^9.0.8", "@typescript-eslint/eslint-plugin": "^5.62.0", "@typescript-eslint/parser": "^5.62.0", @@ -73,6 +75,9 @@ "daisyui": "^4.12.14", "eslint": "~8.15.0", "eslint-config-prettier": "8.1.0", + "postcss": "^8.4.49", + "postcss-import": "^16.1.0", + "postcss-nesting": "^13.0.1", "prettier": "^2.8.8", "typescript": "^4.9.5" } diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 00000000..7f2f09c0 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,11 @@ +// postcss.config.js +module.exports = { + plugins: { + 'postcss-import': {}, + 'tailwindcss/nesting': 'postcss-nesting', + tailwindcss: {}, + 'postcss-preset-env': { + features: { 'nesting-rules': false }, + }, + } +} \ No newline at end of file diff --git a/src/components/UMBE_banner-saeule.svelte b/src/components/UMBE_banner-saeule.svelte index a512006c..e9eaf931 100644 --- a/src/components/UMBE_banner-saeule.svelte +++ b/src/components/UMBE_banner-saeule.svelte @@ -1,28 +1,133 @@ -
+ -
-
- Wohnhaus Verbrauchsausweis -
+
+ +
+
+ Wohnhaus Verbrauchsausweis +
Verbrauchsausweis
Wohngebäude
-
-
-
- Wohnhaus Bedarfsausweis -
+
+
ab:
+
{PRICES.VerbrauchsausweisWohnen[0]}
+
inkl. 19% MwSt.
-
-
-
- Gewerbe Verbrauchsausweis -
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
-
-
-
- Gewerbe Bedarfsausweis -
+
+
jetzt sofort Energieausweis
online erstellen
-
\ No newline at end of file +
+
+ Wohnhaus Bedarfsausweis +
Verbrauchsausweis
Gewerbe
+
+
+
ab:
+
{PRICES.VerbrauchsausweisGewerbe[0]}
+
inkl. 19% MwSt.
+
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
+
+
+
jetzt sofort Energieausweis
online erstellen
+
+
+ +
+
+ Gewerbe Verbrauchsausweis +
Bedarfsausweis
Wohngebäude
+
+
+
ab:
+
{PRICES.BedarfsausweisWohnen[0]}
+
inkl. 19% MwSt.
+
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
+
+
+
jetzt sofort Energieausweis
online erstellen
+
+
+ +
+
+ Gewerbe Bedarfsausweis +
Bedarfsausweis
Gewerbe
+
+
+
ab:
+
{PRICES.BedarfsausweisGewerbe[0]}
+
inkl. 19% MwSt.
+
+
+
Unsere Leistungen:
+
Prüfung durch Dipl.Ing.
+
Vorschau als PDF
+
PDF per E-Mail
+
Registrierung beim DiBt
+
Bearbeitung innhalb 24h
+
rechtssicher nach GEG
+
telefonische Beratung
+
+
+
jetzt sofort Energieausweis
online erstellen
+
+
+ +
+ + \ No newline at end of file diff --git a/src/pages/UMBE_test.astro b/src/pages/UMBE_test.astro index e8883575..d4987845 100644 --- a/src/pages/UMBE_test.astro +++ b/src/pages/UMBE_test.astro @@ -4,7 +4,7 @@ import BannerPrice from "#components/UMBE_banner-saeule.svelte"; --- - +

Energieausweis online erstellen

diff --git a/src/style/UMBE_global.css b/src/style/UMBE_global.css index 96cf6d09..bc3689f6 100644 --- a/src/style/UMBE_global.css +++ b/src/style/UMBE_global.css @@ -37,6 +37,14 @@ font-family: "Antique Olive Compact bold"; } +.promo1{ + font-weight: 700; + box-sizing: border-box; + font-family: "Antique Olive Compact bold"; + text-shadow: 2px 2px 8px #222; + +} + body{ @apply /*bg-[url('/images/pattern.png')] bg-repeat bg-fixed */ max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px] } @@ -112,7 +120,7 @@ li {@apply text-sm bg-white flex xl:text-lg} li a {@apply w-full text-sm px-6 py-3 rounded-none no-underline text-white hover:text-white bg-secondary - lg:px-4 py-3 lg:bg-[#efefef] lg:text-black lg:hover:bg-secondary + lg:px-4 lg:bg-[#efefef] lg:text-black lg:hover:bg-secondary xl:text-lg} li:not(:first-child) {@apply !border-gray-200 !border-t-[1px]} diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 9863bba6..b0d3415c 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -128,8 +128,9 @@ module.exports = { '5xl': '4.210rem', }, fontFamily: { - heading: 'Abel', - body: 'Abel', + heading: 'Heron', + body: 'Heron', + }, fontWeight: { normal: '400',