astosic/AMPERION_Webpage
1
0
Fork 0
forked from markus/AMPERION_Webpage
Code Pull requests Activity

Update3008251310

Browse source
This commit is contained in:
astosic 2025-08-30 13:10:37 +02:00
parent 68db76b963
commit af6021b9cf
12 changed files with 193 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/custom.scss
View file

@ -731,9 +731,9 @@ body {
/* Button-Preset (hier zentral Größe steuern) */ /* Button-Preset (hier zentral Größe steuern) */
/* ÄNDERUNG: deutlich kleinere Buttons (Höhe, Breite, Schrift) */ /* ÄNDERUNG: deutlich kleinere Buttons (Höhe, Breite, Schrift) */
--btn-py: clamp(0.9rem, 1.2vw, 1rem); /* vorher 1.8–2.5rem -> jetzt kompakter */ --btn-py: clamp(1rem, 1.2vw, 1.2em); /* vorher 1.8–2.5rem -> jetzt kompakter */
--btn-px: clamp(0.9rem, 1.6vw, 1rem); /* vorher 1.8–2.5rem -> schmaler */ --btn-px: clamp(1rem, 1.6vw, 1.2rem); /* vorher 1.8–2.5rem -> schmaler */
--btn-fs: clamp(0.9rem, 1.6vw, 1.5rem);/* vorher 1.8–2.5rem -> p-nahe Größe */ --btn-fs: clamp(1rem, 1.6vw, 1.8rem);/* vorher 1.8–2.5rem -> p-nahe Größe */
position: relative; position: relative;
overflow: hidden; overflow: hidden;

4
config/_default/menus.de.toml
View file

@ -74,10 +74,6 @@ name = "Kontakt"
url = "contact/" url = "contact/"
weight = 2 weight = 2
[[footer]]
name = "Über AMPERION"
url = "about/"
weight = 3
[[footer]] [[footer]]
name = "Impressum" name = "Impressum"

2
content/german/Leistungen/consulting.md
View file

@ -57,7 +57,7 @@ cta_text: "Wir sehen, was technisch möglich ist - und was sich wirklich lohnt."
cta_label: "Beratungstermin sichern" cta_label: "Beratungstermin sichern"
cta_href: "/contact/" cta_href: "/contact/"
--- ---
### Von Quick Wins bis zur langfristigen Roadmap: Kosten messbar senken ### Mehr als Beratung: Wir machen Energieprojekte planbar & profitabel
Wir beraten **technologieoffen, herstellerneutral und unabhängig** – von der **Standortanalyse und Machbarkeitsprüfung** bis zur Entwicklung einer **maßgeschneiderten Strategie für Energiesysteme**. Wir beraten **technologieoffen, herstellerneutral und unabhängig** – von der **Standortanalyse und Machbarkeitsprüfung** bis zur Entwicklung einer **maßgeschneiderten Strategie für Energiesysteme**.
Unser Fokus liegt darauf, **technisch optimale Lösungen wirtschaftlich zu bewerten**: Welche Photovoltaik-, Speicher- oder Ladeinfrastruktur-Projekte lohnen sich? Wo können Energieeffizienz, Eigenverbrauch und Förderfähigkeit maximiert werden? Unser Fokus liegt darauf, **technisch optimale Lösungen wirtschaftlich zu bewerten**: Welche Photovoltaik-, Speicher- oder Ladeinfrastruktur-Projekte lohnen sich? Wo können Energieeffizienz, Eigenverbrauch und Förderfähigkeit maximiert werden?

7
content/german/Leistungen/planung.md
View file

@ -14,9 +14,10 @@ hero_cta_href: "/contact/"
usp_title: "Warum mit uns planen" usp_title: "Warum mit uns planen"
usp: usp:
- "Staatlich geprüftes Ingenieurbüro & konzessionierter Elektrotechnikbetrieb für PV, Speicher und Ladeinfrastruktur" - "**Staatlich geprüftes Ingenieurbüro** & **konzessionierter Elektrotechnikbetrieb** für **Photovoltaik (PV)**, **Speicher** und **Ladeinfrastruktur**"
- "Unabhängig & herstellerneutral – Lösungen nach Bedarf, normkonform und wirtschaftlich optimiert" - "**Unabhängig & herstellerneutral** – Lösungen nach **Bedarf**, **normkonform** und **wirtschaftlich optimiert**"
- "Technisch präzise & zukunftssicher – maximale Energieeffizienz, Förderfähigkeit und Investitionssicherheit von Anfang an" - "**Technisch präzise & zukunftssicher** – maximale **Energieeffizienz**, **Förderfähigkeit** und **Investitionssicherheit** von Anfang an"
features: features:

7
content/german/Leistungen/projektmanagement.md
View file

@ -14,9 +14,10 @@ hero_cta_href: "/contact/"
usp_title: "Warum mit uns umsetzen" usp_title: "Warum mit uns umsetzen"
usp: usp:
- "Projektmanagement mit Elektrotechnik-Expertise – fundierte Entscheidungen für Photovoltaik-, Speicher- und Ladeinfrastrukturprojekte" - "**Projektmanagement mit Elektrotechnik-Expertise** – fundierte Entscheidungen für **Photovoltaik-, Speicher- und Ladeinfrastrukturprojekte**"
- "Unabhängige Qualitätskontrolle – sicherstellen, dass Termine, Kosten und technische Standards eingehalten werden" - "**Unabhängige Qualitätskontrolle** – sicherstellen, dass **Termine**, **Kosten** und **technische Standards** eingehalten werden"
- "Revisionssichere und transparente Dokumentation – klare Übersicht für Bauherrn, Investoren und alle Projektbeteiligten" - "**Revisionssichere** und **transparente Dokumentation** – klare Übersicht für **Bauherrn**, **Investoren** und alle **Projektbeteiligten**"
features: features:

2
content/german/datenschutz.md
View file

@ -1,6 +1,6 @@
--- ---
title: "Datenschutz" title: "Datenschutz"
description: "Datenschutzrichtlinie" description: ""
subtitle : "" subtitle : ""
lastmod: 2024-07-22T00:00:00 lastmod: 2024-07-22T00:00:00
bg_image: "images/privacy-policy.webp" bg_image: "images/privacy-policy.webp"

50
layouts/_default/contact.html
View file

@ -64,31 +64,37 @@
<div class="stack"> <div class="stack">
<h3>Kontakt</h3> <h3>Kontakt</h3>
<ul class="info-list" style="display:grid;gap:12px;justify-items:center;text-align:center"> <ul class="info-list" style="display:grid;gap:12px;justify-items:center;text-align:center">
{{ with $addr }} 📍{{ with $addr }}
<li class="info-item"> <li class="info-item">
<div class="txt">{{ . | markdownify }}</div> <div class="txt">{{ . | markdownify }}</div>
</li> </li>
{{ end }} {{ end }}
{{ with $email }} 📧{{ with $email }}
<li class="info-item"> <li class="info-item">
<div class="txt"><a href="mailto:{{ . | safeURL }}">{{ . }}</a></div> <div class="txt">
</li> <a href="mailto:{{ . | safeURL }}" style="text-decoration:none;color:inherit;">{{ . }}</a>
{{ end }} </div>
{{ with $phone1 }} </li>
<li class="info-item"> {{ end }}
<div class="txt"><a href="tel:{{ . | safeURL }}">{{ . }}</a></div> 📞{{ with $phone1 }}
</li> <li class="info-item">
{{ end }} <div class="txt">
{{ with $phone2 }} <a href="tel:{{ . | safeURL }}" style="text-decoration:none;color:inherit;">{{ . }}</a>
<li class="info-item"> </div>
<div class="txt"><a href="tel:{{ . | safeURL }}">{{ . }}</a></div> </li>
</li> {{ end }}
{{ end }} {{ with $phone2 }}
</ul> <li class="info-item">
<div class="txt">
<a href="tel:{{ . | safeURL }}" style="text-decoration:none;color:inherit;">{{ . }}</a>
</div>
</li>
{{ end }}
</ul>
</div> </div>
<div class="stack"> <div class="stack">
<h3>Folgen Sie uns</h3> <h4>Folgen Sie uns!</h4>
<div class="cta__social"> <div class="cta__social">
<a class="cta__social-link" href="https://www.instagram.com/amperion.at/" target="_blank" rel="noopener" aria-label="Instagram"> <a class="cta__social-link" href="https://www.instagram.com/amperion.at/" target="_blank" rel="noopener" aria-label="Instagram">
<img src="/images/social/instagram.svg" alt=""> <img src="/images/social/instagram.svg" alt="">

1
layouts/_default/datenschutz.html
View file

@ -6,7 +6,6 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-4 sticky-top"> <div class="col-md-4 sticky-top">
<h2>{{ .Title }}</h2>
{{ with .Params.subtitle }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }} {{ with .Params.subtitle }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
<p>{{ i18n "last_update" }}: {{ time.Format ":date_long" .Lastmod }}</p> <p>{{ i18n "last_update" }}: {{ time.Format ":date_long" .Lastmod }}</p>
<h3>{{ i18n "faq_toc_title" }}</h3> <h3>{{ i18n "faq_toc_title" }}</h3>

92
layouts/_default/impressum.html
View file

@ -4,25 +4,85 @@
<section class="impressum section"> <section class="impressum section">
<div class="container"> <div class="container">
<div class="row"> <div class="row justify-content-center">
<div class="col-md-12"> <div class="col-lg-12 col-md-12">
<table class="table"> <div class="impressum-wrapper">
<tbody>
{{ range $index, $heading := .Params.headings }} {{ range $index, $heading := .Params.headings }}
<tr> <div class="impressum-item row">
<td class="col-1"> <div class="col-md-4">
{{ $heading }} <h4>{{ $heading }}</h4>
</td> </div>
<td class="col-2"> <div class="col-md-8">
<div class="impressum-content">
{{ index $.Params.contents $index | markdownify }} {{ index $.Params.contents $index | markdownify }}
</td> </div>
</tr> </div>
{{ end }} </div>
</tbody> {{ end }}
</table>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
{{ end }} <style>
.impressum-wrapper {
background: white;
padding: 40px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.impressum-item {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #f0f0f0;
align-items: flex-start;
}
.impressum-item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.impressum-item h4 {
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.impressum-content {
color: #333;
line-height: 1.6;
}
.impressum-content a {
color: #006464;
text-decoration: none;
}
.impressum-content a:hover {
color: #F5A623;
}
@media (max-width: 768px) {
.impressum-wrapper {
padding: 25px;
}
.impressum-item {
margin-bottom: 20px;
padding-bottom: 20px;
}
.impressum-item h4 {
margin-bottom: 15px;
}
}
</style>
{{ end }}

112
layouts/_default/leistung.html
View file

@ -23,39 +23,82 @@
{{ $ergebnisPhoto := cond (gt (len $photos) 1) (index $photos 1) nil }} {{ $ergebnisPhoto := cond (gt (len $photos) 1) (index $photos 1) nil }}
{{ $.Scratch.Set "ergebnisPhoto" $ergebnisPhoto }} {{ $.Scratch.Set "ergebnisPhoto" $ergebnisPhoto }}
<!-- ===== Inline-Styles ===== --> <!-- ===== Styles (optimiert für 1 oder 3 Spalten) ===== -->
<style> <style>
.container-wide{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px} .container-wide {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width:1200px){.container-wide{max-width:1280px}} @media (min-width:1200px){.container-wide{max-width:1280px}}
@media (min-width:1400px){.container-wide{max-width:1360px}} @media (min-width:1400px){.container-wide{max-width:1360px}}
@media (min-width:1600px){.container-wide{max-width:1440px}} @media (min-width:1600px){.container-wide{max-width:1440px}}
.service-hero__media{border-radius:12px;overflow:hidden;box-shadow:0 6px 30px rgba(0,0,0,.06)}
.service-hero__media img{display:block;width:100%;height:auto}
.service-hero__text p{margin-bottom:1rem}
/* USP inline unter dem Text – Icons oben, #F5A623 */ .service-hero__media {
.usp-inline{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px} border-radius: 12px;
@media (min-width:992px){.usp-inline{grid-template-columns:repeat(3,1fr)}} overflow: hidden;
box-shadow: 0 6px 30px rgba(0,0,0,.06);
}
.service-hero__media img {
display: block;
width: 100%;
height: auto;
}
.service-hero__text p { margin-bottom: 1rem }
.usp-item{ /* USP Grid */
display:flex; flex-direction:column; .usp-container {
align-items:center; /* vorher: flex-start */ display: grid;
text-align:center; /* Text mittig */ grid-template-columns: 1fr; /* Standard: Handy -> untereinander */
gap:8px; padding:12px 14px; border-radius:12px; gap: 2rem;
background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.05); margin-top: 2rem;
} justify-items: center;
.usp-icon{ text-align: center;
color:#F5A623; background:rgba(245,166,35,.12); }
width:44px; height:44px; border-radius:12px;
display:flex; align-items:center; justify-content:center;
margin:0 auto 8px; /* zentriert die Iconbox */
}
.usp-icon svg{display:block;width:24px;height:24px} /* Desktop: immer 3 nebeneinander */
.usp-text{font-weight:500;margin:0} @media (min-width: 992px) {
.usp-container {
grid-template-columns: repeat(3, 1fr);
}
}
.usp-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 8px;
padding: 12px 14px;
border-radius: 12px;
background: #fff;
box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.usp-icon {
color: #F5A623;
background: rgba(245,166,35,.12);
width: 44px; height: 44px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 8px;
}
.usp-icon svg {
display: block;
width: 24px;
height: 24px;
}
.usp-text {
font-weight: 500;
margin: 0;
}
</style> </style>
<!-- ========================= <!-- =========================
HERO: Bild links, Intro rechts (breit) HERO: Bild links, Intro rechts (breit)
========================= --> ========================= -->
@ -83,21 +126,13 @@
</div> </div>
{{ end }} {{ end }}
</div> </div>
</div> </div>
<!-- Eigenständiger Container für USPs unterhalb der Text-/Bild-Reihe --> <!-- USP-Container -->
{{ with .Params.usp }} {{ with .Params.usp }}
<div class="usp-container" style=" <div class="usp-container">
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
justify-items: center;
gap: 2rem;
margin-top: 2rem;
text-align: center;
">
{{ range $i, $u := . }} {{ range $i, $u := . }}
<div class="usp-item" style="display:flex; flex-direction:column; align-items:center;"> <div class="usp-item">
<div class="usp-icon" aria-hidden="true"> <div class="usp-icon" aria-hidden="true">
{{ if eq (mod $i 3) 0 }} {{ if eq (mod $i 3) 0 }}
<!-- Shield --> <!-- Shield -->
@ -121,7 +156,7 @@
</svg> </svg>
{{ end }} {{ end }}
</div> </div>
<p class="usp-text" style="text-align:center;">{{ $u | markdownify }}</p> <p class="usp-text">{{ $u | markdownify }}</p>
</div> </div>
{{ end }} {{ end }}
</div> </div>
@ -132,6 +167,7 @@
<!-- ========================= <!-- =========================
FEATURES CAROUSEL (Große Cards mit Auto-Play) FEATURES CAROUSEL (Große Cards mit Auto-Play)
Quelle: .Params.features (array of {title, text, icon?}) Quelle: .Params.features (array of {title, text, icon?})
@ -558,6 +594,7 @@
<!-- ========================= <!-- =========================
OUTCOMES (Nutzen/Ergebnisse) OUTCOMES (Nutzen/Ergebnisse)
Quelle: .Params.outcomes (array of strings) Quelle: .Params.outcomes (array of strings)
@ -645,11 +682,6 @@
{{ .Params.cta_text | default "Lassen Sie uns Ihre Vision mit unserer Expertise zur Realität machen." }} {{ .Params.cta_text | default "Lassen Sie uns Ihre Vision mit unserer Expertise zur Realität machen." }}
</h3> </h3>
{{/* Optional: Bei Bedarf zweite Zeile aus subtitle wiederverwenden */}}
{{ with .Params.subtitle }}
<p class="cta__lead">{{ . }}</p>
{{ end }}
<div class="cta__actions"> <div class="cta__actions">
{{ with .Params.cta_label }} {{ with .Params.cta_label }}
<a class="cta__btn" href="{{ $.Params.cta_href | default "/contact/" }}"> <a class="cta__btn" href="{{ $.Params.cta_href | default "/contact/" }}">

2
resources/_gen/assets/scss/style.scss_36bc4e0ffe4a90eb34a36b045730109f.content
View file

File diff suppressed because one or more lines are too long

6
resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
View file

@ -3144,11 +3144,11 @@ body {
/* Orange */ /* Orange */
/* Button-Preset (hier zentral Größe steuern) */ /* Button-Preset (hier zentral Größe steuern) */
/* ÄNDERUNG: deutlich kleinere Buttons (Höhe, Breite, Schrift) */ /* ÄNDERUNG: deutlich kleinere Buttons (Höhe, Breite, Schrift) */
--btn-py: clamp(0.9rem, 1.2vw, 1rem); --btn-py: clamp(1rem, 1.2vw, 1.2em);
/* vorher 1.8–2.5rem -> jetzt kompakter */ /* vorher 1.8–2.5rem -> jetzt kompakter */
--btn-px: clamp(0.9rem, 1.6vw, 1rem); --btn-px: clamp(1rem, 1.6vw, 1.2rem);
/* vorher 1.8–2.5rem -> schmaler */ /* vorher 1.8–2.5rem -> schmaler */
--btn-fs: clamp(0.9rem, 1.6vw, 1.5rem); --btn-fs: clamp(1rem, 1.6vw, 1.8rem);
/* vorher 1.8–2.5rem -> p-nahe Größe */ /* vorher 1.8–2.5rem -> p-nahe Größe */
position: relative; position: relative;
overflow: hidden; overflow: hidden;