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

Compare commits

base: astosic:main
Branches Tags
astosic:main
markus:main
markus:alex
..
compare: markus:main
Branches Tags
markus:main
markus:alex
astosic:main

1 commit
main ... main

Author SHA1 Message Date
Markus
b48410b4a8 Juli 2025 2025-07-26 19:44:04 +02:00
229 changed files with 6863 additions and 12386 deletions
Download patch file Download diff file Expand all files Collapse all files

86
assets/scss/_common.scss
View file

@ -154,6 +154,12 @@ input[type="tel"] {
.mt-10 {
margin-top: 20px;
}
@ -246,9 +252,52 @@ input[type="tel"] {
.title {
padding: 20px 0 30px;
h2 {
font-size: 18px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
}
.section-title {
margin-bottom: 20px;
@include tablet {
margin-bottom: 10px;
}
h2 {
text-transform: uppercase;
font-weight: 400;
margin: 0px;
padding: 10px 0px;
font-size: 3em; /* Standard Schriftgröße für h2 */
@media (max-width: 768px) {
font-size: 1.5em; /* Kleinere Schriftgröße für mobile Geräte */
}
@media (max-width: 480px) {
font-size: 1.2em; /* Noch kleinere Schriftgröße für sehr kleine Geräte */
}
}
p {
font-style: italic;
color: darken($light, 57.64);
font-family: $font-secondary;
font-size: 1em; /* Standard Schriftgröße für p */
@media (max-width: 768px) {
font-size: 0.9em; /* Kleinere Schriftgröße für mobile Geräte */
}
@media (max-width: 480px) {
font-size: 0.8em; /* Noch kleinere Schriftgröße für sehr kleine Geräte */
}
}
}
@ -275,6 +324,18 @@ input[type="tel"] {
.block {
text-align: center;
h1 {
color: $white;
font-weight: 200;
letter-spacing: 0.5em;
margin-top: 20;
margin-bottom: 10;
text-transform: capitalize;
}
p {
color: $white;
}
}
}
@ -282,9 +343,30 @@ input[type="tel"] {
.heading {
padding-bottom: 60px;
text-align: center;
h2 {
color: $black;
font-size: 30px;
line-height: 40px;
font-weight: 400;
}
p {
font-size: 18px;
line-height: 40px;
color: lighten( $black, 16.078);
font-weight: 300;
}
}
.page-wrapper {
padding: 70px 0;
@ -401,6 +483,8 @@ input[type="tel"] {
}
select {
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
border: none;
padding: 0;
@ -591,7 +675,7 @@ span.cloaked-e-mail:before {
float: none;
}
}
/* Maus und Mausrad*/
/* copy from here */
.scrolldown {
--sizeX: 30px;
--sizeY: 50px;

168
assets/scss/_typography.scss
View file

@ -1,127 +1,87 @@
// ===========================
// TYPOGRAPHY – Schriftarten & Textstile
// ===========================
// Fonts
@font-face {
font-family: 'Open Sans';
src: local('Open Sans'), local('OpenSans'), url('/static/fonts/OpenSans-SemiboldItalic.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Semibold';
src: local('Open Sans Semibold'), local('OpenSansSemibold'), url('/static/fonts/OpenSans-Semibold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
// Using Variables for Font Families
$font-primary: 'Open Sans', sans-serif;
$font-secondary: 'Open Sans Semibold', sans-serif;
body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #222;
line-height: 1.5;
font-family: $font-primary;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hero-subtitle {
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
text-align: center;
color: $text-dark;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1.4;
margin-top: 1rem;
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $font-secondary;
}
// ---------------------------
// Überschriften-Stile
// ---------------------------
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
h1 {
font-size: clamp(2.5rem, 5vw, 4rem); // ~32px auf Desktop
font-weight: 600;
line-height: 1.3;
margin-bottom: 1rem;
color: black //#046e6e;
}
font-size: $h1;
h1.page-title {
font-size: clamp(2.5rem, 6vw, 4rem);
margin-top: 2rem;
text-transform: capitalize;
}
@include tablet {
font-size: $h1-md;
}
@include mobile {
font-size: $h2;
}
@include mobile-xs {
font-size: $h2-md;
}
}
h2 {
font-size: clamp(2.5rem, 5vw, 4rem); // ~32px auf Desktop
font-weight: 600;
line-height: 1.3;
margin-bottom: 1rem;
color: #046e6e;
font-size: $h2;
@include mobile {
font-size: $h2-sm;
}
}
h3 {
font-size: clamp(2rem, 3vw, 2.5rem); // Reaktionsfähig statt fix
font-style: italic;
font-weight: 400;
line-height: 1.4;
margin-bottom: 5rem; // Erhöht den Abstand nach h2
color:black;
font-size: $h3;
}
h4 {
font-size: clamp(1.8rem, 1.8vw, 2rem);
font-weight: normal;
line-height: 1.6;
margin-bottom: 1rem;
color: inherit;
color: #F5A623;
}
p {
font-style: normal;
font-size: clamp(1.5rem, 1.5vw, 1.8rem);
margin-bottom: 1.25rem;
line-height: 1.6;
}
// ---------------------------
// Textausrichtung
// ---------------------------
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
// ---------------------------
// Text-Elemente
// ---------------------------
strong, b {
font-weight: 700;
font-size: $h4;
}
p {
margin-bottom: 1.25rem;
}
// ---------------------------
// Listen
// ---------------------------
ul, ol {
padding-left: 1.5rem;
margin-bottom: 1.5rem;
}
li {
margin-bottom: 0.5rem;
line-height: 1.6;
}
// ---------------------------
// Links
// ---------------------------
a {
color: #046e6e;
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #F5A623;
text-decoration: underline;
color: darken( $light, 49.41);
font-size: $font-size;
font-family: $font-secondary;
}

1443
assets/scss/custom.scss
View file

File diff suppressed because it is too large Load diff

70
assets/scss/style.scss
View file

@ -94,6 +94,13 @@ $h4: 25px;
@import 'custom.scss';
html {
scroll-behavior: smooth;
}
/* 1) Die .logo-container bekommt 80% Breite => 10% links und 10% rechts frei */
.logo-container {
width: 80%;
@ -195,11 +202,62 @@ body {
padding: 20px;
}
.sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px; overflow: hidden;
clip: rect(0,0,0,0); white-space: nowrap; border: 0;
.services-title {
margin-top: 50px;
color: #046e6e;
}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.services-description {
color: black;
margin-bottom: 50px;
}
/* Standard-Desktop-Layout */
.services-section {
background-color: #f1f1f1; /* Hintergrundfarbe der Sektion auf Schwarz setzen */
padding: 40px 0; /* Padding für die Sektion */
width: 100%; /* Volle Breite */
box-sizing: border-box; /* Padding in der Breite berücksichtigen */
}
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* Drei Spalten für Desktop */
gap: 20px;
max-width: 1200px;
margin: 0 auto; /* Zentriert das Raster */
padding: 0 20px; /* Optional: Padding für kleinere Bildschirme */
}
.service-card {
background-color: #f1f1f1; /* Hintergrundfarbe der Boxen auf Schwarz setzen */
color: white; /* Textfarbe auf Weiß setzen für bessere Lesbarkeit */
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
padding: 20px;
box-sizing: border-box;
}
.service-icon {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.service-card-title {
color: black; /* Titel-Textfarbe auf Weiß setzen */
margin-bottom: 10px;
}
.service-card-description {
color: black; /* Hellgraue Farbe für den Beschreibungstext */
font-size: 14px;
}
/* Anpassungen für Mobilgeräte */
@media (max-width: 768px) {
.services-grid {
grid-template-columns: 1fr; /* Eine Spalte für Mobilgeräte */
}
}

55
assets/scss/templates/_about.scss
View file

@ -1,43 +1,21 @@
.about{
.block{
h1 {
font-size: clamp(2rem, 5vw, 3rem); // ~32px auf Desktop
font-weight: 600;
line-height: 1.3;
margin-bottom: 1rem;
color: #046e6e;
}
h2 {
padding-top: 30px;
padding-bottom: 30px;
margin:0;
}
h1.page-title {
font-size: clamp(2.5rem, 6vw, 4rem);
margin-top: 2rem;
text-transform: capitalize;
}
h3 {
padding-top: 30px;
padding-bottom: 50px;
margin:0;
}
h2 {
font-size: clamp(1.25rem, 2vw, 1.5rem); // Reaktionsfähig statt fix
font-style: italic;
font-weight: 400;
line-height: 1.4;
color: #222;
}
h3 {
font-size: clamp(1.2rem, 1.8vw, 1.5rem);
font-weight: normal;
line-height: 1.6;
margin-bottom: 1rem;
color: inherit;
}
p {
font-style: normal;
font-size: clamp(1.3rem, 1.5vw, 1.4rem);
margin-bottom: 1.25rem;
line-height: 1.6;
}
p {
padding-top: 20px;
line-height:28px;
}
img {
width: 100%;
@ -72,4 +50,9 @@ p {
opacity: 0;
}
}
.section-title {
margin-bottom: 0px;
}
}

2
assets/scss/templates/_footer.scss
View file

@ -1,5 +1,5 @@
.footer {
background: #f3f3f3;
background: darken( $light, 1.5);
min-height: 205px;
text-align: center;
padding-top: 67px;

4
assets/scss/templates/_service.scss
View file

@ -109,6 +109,10 @@
}
}
h2, h3 {
margin-bottom: 10px; /* Passe den Wert nach Bedarf an */
}
.center-container {
display: flex;
flex-direction: column;

140
assets/scss/why-amperion.scss Normal file
View file

@ -0,0 +1,140 @@
/* 1) Container, z. B. 80% Seitenbreite */
.my-container {
width: 80%;
margin: 0 auto;
padding: 40px 0; /* Abstand oben & unten */
}
/* 2) Überschriften zentrieren, falls du kein .text-center in Bootstrap verwendest */
.why-title {
font-size: 2rem;
margin-bottom: 10px;
}
.why-subtitle {
font-size: 1.2rem;
color: #666;
margin-bottom: 40px;
}
/* 3) Warum-Blocks (linke + rechte Spalte) */
.why-block p {
text-align: justify;
margin-bottom: 40px; /* Abstand zwischen einzelnen Blöcken */
}
.why-block h4 {
margin: 100px 0;
font-weight: bold;
}
/* 4) Icon + Logo-Größen anpassen */
.why-icon {
width: 50px; /* Iconbreite */
height: auto;
margin: 200px;
}
.why-logo {
max-width: 500px; /* Logo in der Mitte */
height: auto;
margin-top: 100px; /* Verschiebt das Logo um 100px nach unten */
}
/* 5) Optional: Falls du Bootstrap .text-center nicht verwendest, kannst du hier:
.why-title, .why-subtitle, .why-block, .why-logo {
text-align: center;
}
*/
.section-title1 {
display: flex;
align-items: center;
justify-content: center;
gap: 10px; /* Abstand zwischen Icon und Titel */
}
.why-title1 {
margin: 0; /* Entfernt zusätzliche Ränder */
}
.icon-heading {
display: flex;
align-items: center;
}
.col-icon {
width: 10px;
flex: 0 0 10px;
max-width: 10px;
}
.col-heading {
width: 100px; /* Beispiel: 100px für die Überschrift */
flex: 0 0 100px;
max-width: 100px;
white-space: nowrap; /* verhindert Zeilenumbruch */
}
.why-icon1 {
width: 10px; /* Breite des Icons */
height: auto; /* Höhe automatisch anpassen */
}
.heading-text {
font-size: 18px;
font-weight: bold;
}
.why-block h4 {
margin: 0; /* Entfernt zusätzliche Ränder */
}
.section-title1 {
display: flex;
align-items: center;
justify-content: center;
gap: 10px; /* Abstand zwischen Icon und Titel */
}
.title-icon1 {
width: 30px; /* Breite des Icons */
height: auto; /* Höhe automatisch anpassen */
}
.why-title1 {
margin: 0; /* Entfernt zusätzliche Ränder */
font-size: 2rem;
}
.col-md-4.text-center .why-logo {
margin-top: 100px !important; /* Erzwingt die Anwendung der Verschiebung */
}
/* Fügt einen Abstand unterhalb des "Why Amperion"-Abschnitts hinzu */
.why-amperion {
margin-bottom: 400px; /* Passen Sie den Wert nach Bedarf an */
}
/* Alternativ: Fügt einen Abstand oberhalb des "About"-Abschnitts hinzu */
.about {
margin-top: 800px; /* Passen Sie den Wert nach Bedarf an */
}
.col-fixed {
width: 10px;
flex: 0 0 10px;
max-width: 10px;
}

8
config/_default/hugo.toml
View file

@ -1,6 +1,5 @@
######################## default configuration ####################
baseURL = "https://www.amperion.at/"
baseURL = ""
title = "AMPERION"
theme = "airspace-hugo"
# Default time zone for time stamps; use any valid tz database name: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List
@ -12,7 +11,7 @@ summaryLength = 10 # see https://gohugo.io/content-management/excerpts/
# disqus short name
disqusShortname = "themefisher-template" # we use disqus to show comments in blog posts . To install disqus please follow this tutorial https://portfolio.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/
# disable language
disableLanguages = [ "en", "fr", "it"
disableLanguages = [ "fr", "it"
] # example: ["fr"] for disable french language. see https://gohugo.io/content-management/multilingual/
hasCJKLanguage = false # If hasCJKLanguage true, auto-detect Chinese/Japanese/Korean Languages in the content. see: https://gohugo.io/getting-started/configuration/#hascjklanguage
@ -37,8 +36,7 @@ target = '$1'
############################# Outputs ##############################
[outputs]
home = ["HTML", "Sitemap", "WebAppManifest"]
home = ["HTML", "WebAppManifest"]
############################# Imaging ##############################
[imaging]

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

@ -1,30 +1,33 @@
############# German navigation ##############
# Hauptmenü
# main menu
[[main]]
name = "Leistungen"
url = "leistungen/"
url = "service/"
weight = 1
identifier = "leistungen"
identifier = "service"
[[main]]
name = "Planung"
url = "leistungen/planung/"
weight = 1
parent = "leistungen"
[[main]]
name = "Planung"
url = "service/planung/"
weight = 1
parent = "service"
[[main]]
name = "Projektmanagement"
url = "service/projektmanagement/"
weight = 2
parent = "service"
[[main]]
name = "Consulting"
url = "service/consulting/"
weight = 3
parent = "service"
[[main]]
name = "Projektmanagement"
url = "leistungen/projektmanagement/"
weight = 2
parent = "leistungen"
[[main]]
name = "Consulting"
url = "leistungen/consulting/"
weight = 3
parent = "leistungen"
[[main]]
name = "Fokusthemen"
@ -32,23 +35,25 @@ url = "fokusthemen/"
weight = 2
identifier = "fokusthemen"
[[main]]
name = "Photovoltaik"
url = "fokusthemen/photovoltaik/"
weight = 1
parent = "fokusthemen"
[[main]]
name = "Photovoltaik"
url = "service/photovoltaik/"
weight = 1
parent = "fokusthemen"
[[main]]
name = "Energiespeicher"
url = "service/energierspeicher/"
weight = 2
parent = "fokusthemen"
[[main]]
name = "E-Mobilität"
url = "service/emobilität/"
weight = 3
parent = "fokusthemen"
[[main]]
name = "Energiespeicher"
url = "fokusthemen/energiespeicher/"
weight = 2
parent = "fokusthemen"
[[main]]
name = "E-Mobilität"
url = "fokusthemen/emobilitaet/"
weight = 3
parent = "fokusthemen"
[[main]]
name = "Über AMPERION"
@ -62,18 +67,26 @@ weight = 4
[[main]]
name = "Karriere"
url = "karriere/"
url = "contact/"
weight = 5
# Footer-Menü
# footer menu
[[footer]]
name = "Leistungen"
url = "service/"
weight = 1
[[footer]]
name = "Kontakt"
url = "contact/"
weight = 2
[[footer]]
name = "Über AMPERION"
url = "about/"
weight = 3
[[footer]]
name = "Impressum"

83
config/_default/menus.en.toml
View file

@ -1,54 +1,59 @@
############# English navigation ##############
# Main menu
# main menu
[[main]]
name = "Services"
url = "leistungen/"
url = "service/"
weight = 1
identifier = "services"
identifier = "service"
[[main]]
name = "Planning"
url = "leistungen/planung/"
weight = 1
parent = "services"
[[main]]
name = "Planning"
url = "service/planung/"
weight = 1
parent = "service"
[[main]]
name = "Project Management"
url = "service/projektmanagement/"
weight = 2
parent = "service"
[[main]]
name = "Consulting"
url = "service/consulting/"
weight = 3
parent = "service"
[[main]]
name = "Project Management"
url = "leistungen/projektmanagement/"
weight = 2
parent = "services"
[[main]]
name = "Consulting"
url = "leistungen/consulting/"
weight = 3
parent = "services"
[[main]]
name = "Focus Topics"
url = "fokusthemen/"
weight = 2
identifier = "focustopics"
identifier = "fokusthemen"
[[main]]
name = "Photovoltaics"
url = "fokusthemen/photovoltaik/"
weight = 1
parent = "focustopics"
[[main]]
name = "Photovoltaic"
url = "service/photovoltaik/"
weight = 1
parent = "fokusthemen"
[[main]]
name = "Energy storage"
url = "service/energierspeicher/"
weight = 2
parent = "fokusthemen"
[[main]]
name = "E-mobility"
url = "service/emobilität/"
weight = 3
parent = "fokusthemen"
[[main]]
name = "Energy Storage"
url = "fokusthemen/energiespeicher/"
weight = 2
parent = "focustopics"
[[main]]
name = "E-Mobility"
url = "fokusthemen/emobilitaet/"
weight = 3
parent = "focustopics"
[[main]]
name = "About AMPERION"
@ -62,15 +67,15 @@ weight = 4
[[main]]
name = "Career"
url = "karriere/"
url = "contact/"
weight = 5
# Footer menu
# footer menu
[[footer]]
name = "Services"
url = "leistungen/"
url = "service/"
weight = 1
[[footer]]
@ -84,7 +89,7 @@ url = "about/"
weight = 3
[[footer]]
name = "Imprint"
name = "Impressum"
url = "impressum/"
weight = 4
@ -94,6 +99,6 @@ url = "agb/"
weight = 5
[[footer]]
name = "Data Protection"
name = "Data protection"
url = "datenschutz/"
weight = 6

25
config/_default/params.toml
View file

@ -12,15 +12,14 @@ logo_text = "AMPERION"
# navbar fixed to top
navbar_fixed = true
# OpenGraph / Twitter Card metadata
description = "Staatlich geprüftes Ingenieurbüro & Elektrotechnikbetrieb: Planung, Projektmanagement & Consulting für Photovoltaik, Energiespeicher und Ladeinfrastruktur."
default_meta_description = "Staatlich geprüftes Ingenieurbüro & Elektrotechnikbetrieb: Planung, Projektmanagement & Consulting für Photovoltaik, Energiespeicher und Ladeinfrastruktur."
description = "This is meta description"
author = "AMPERION GmbH"
image = "images/logo.webp" # this image will be used as fallback if a page has no image of its own
# Whether to display text descriptors (like "E-mail: ", "Phone: ") before the address block elements
address_descriptors = false
# contact info
phone1 = """+43 677 62090425"""
phone2 = """+43 677 62090426"""
phone = """+43 677 62090425 <br>
+43 677 62090426"""
email = "office@amperion.at"
location = """
**AMPERION GmbH**
@ -36,9 +35,9 @@ custom_script= ""
[contact.form]
enable = true
# Whether to use [Netlify Forms](https://docs.netlify.com/forms/setup/)
use_netlify = true
use_netlify = false
# Whether to use recaptch v3 in form
use_recaptcha = false
use_recaptcha = true
# Form action
## Fill in your Form ID URL for Formspree.io, e.g. `https://formspree.io/f/{form_id}`
## Ignored if `use_netlify = true` (custom [success page](https://docs.netlify.com/forms/setup/#success-messages) is already included)
@ -61,9 +60,9 @@ link = "contact"
# matomo tracking: see https://matomo.org/
[matomo]
enable = true
url = "https://matomo.amperion.at" # your matomo url
id = "1" # your matomo id
enable = false
url = "" # your matomo url
id = "" # your matomo id
# site verifications
@ -88,16 +87,14 @@ sidebar = ["recent_posts", "taxonomy_category", "taxonomy_tags"]
#[[social]]
#title = "facebook"
#image = "images/social/facebook.webp"
#link = "https://www.facebook.com/share/1CZ7xm6cdw/?mibextid=wwXIfr"
#link = "#"
[[social]]
title = "instagram"
image = "images/social/instagram.webp"
link = "https://www.instagram.com/amperion.at/"
link = "https://www.instagram.com/amperion_official"
[[social]]
title = "linkedin"
image = "images/social/linkedin.webp"
link = "https://www.linkedin.com/company/amperion-gmbh/"
link = "https://www.linkedin.com/company/101907682"

68
content/german/Fokusthemen/emobilitaet.md
View file

@ -1,68 +0,0 @@
---
title: "E-Mobilität"
slug: "emobilitaet"
layout: "leistung"
date: 2025-08-12
draft: false
tags: ["E-Mobilität", "Ladeinfrastruktur", "AC/DC", "Lastmanagement", "Backend", "Abrechnung", "EMS"]
categories: ["Fokusthemen"]
meta_title: "Ladeinfrastruktur planen (AC/DC) | AMPERION"
meta_description: "Standort, Layout, Mittelspannungsanschluss, eichrechtskonforme DC-Systeme und dynamisches Lastmanagement – bis zur Inbetriebnahme."
kicker: "Fokusthema"
subtitle: "Ladeinfrastruktur, die heute funktioniert und morgen skaliert."
hero_cta_label: "Jetzt starten"
hero_cta_href: "/contact/"
usp_title: "Warum mit uns Ladeinfrastruktur umsetzen"
usp:
- "Fundierte **Netzanschlusskompetenz** inklusive **Mittelspannung, Trafokonzepte** und Netzverträglichkeitsprüfungen für **stabile Ladepunkte**."
- "**Dynamisches Lastmanagement**: Steuerung von **PV-Überschuss**, Priorisierung von Ladepunkten und **Fair-Share-Mechanismen** für maximale Effizienz."
- Integration weiterer **Energiesysteme** wie **PV, Speicher** und mehr – für eine ganzheitliche und zukunftsfähige Ladeinfrastruktur."
features:
- title: "Standortbewertung & Potenzialanalyse"
text: "Wir prüfen Verkehrszahlen, Einwohnerdichte, Points of Interest (POI) und Nutzerverhalten, um **optimal platzierte und wirtschaftliche Ladepunkte** zu identifizieren – inklusive **Truck-Charging**-Standorten."
icon: "study"
- title: "Baurechtliche Planung"
text: "Einreich- und Ausführungsplanung unter Berücksichtigung der aktuellen Normen und Vorschriften, inklusive **Genehmigungs- und Bauleitpläne** für AC/DC-Ladeinfrastruktur, Truck-Charging und PV-Carports."
icon: "doc"
- title: "Elektrotechnische Planung & Netzanschluss"
text: "Dimensionierung der Ladeinfrastruktur basierend auf **Netzkapazität, NS-/MS-Anschluss** und ggf. notwendiger Netzverstärkungen, um **stabile und leistungsfähige Ladepunkte** zu garantieren. Integration von **Photovoltaik-Carports** und anderen Energiequellen möglich."
icon: "lade"
- title: "Integration von Lastmanagementsystemen"
text: "Umsetzung dynamischer Lastmanagementlösungen, um **Effizienz zu maximieren und Netzüberlastungen zu vermeiden**. Berücksichtigung von statischem, dynamischem und bedarfsgesteuertem Laden – für PKW, LKW und Flotten."
icon: "speicher"
- title: "Partnernetzwerk & Betrieb"
text: "Vermittlung zu qualifizierten **Installations- und Betriebspartnern**, inklusive Service- und Wartungsnetzwerk, für **verlässlichen Betrieb** Ihrer Ladeinfrastruktur."
icon: "doc"
- title: "Zukunftssichere Skalierung"
text: "Planung Ihrer Ladeinfrastruktur für **zukünftige Erweiterungen**, wie Ladeparks, Truck-Charging-Hubs oder Smart Grid-Integration, damit Ihr System langfristig flexibel bleibt."
icon: "doc"
outcomes:
- "Maximale Investitions- und Betriebssicherheit durch **umfassende Planung von Netzanschluss, Elektrotechnik und Lastmanagement**, abgestimmt auf aktuelle Normen und künftige Anforderungen."
- "Hohe Verfügbarkeit und erstklassige Nutzererfahrung dank **intelligenter Standortwahl, dynamischem Lastmanagement und optimierter Ladeleistung**."
- "Zukunftssichere Skalierbarkeit: Ladeinfrastruktur kann problemlos für **wachsende Flotten, zusätzliche Standorte oder die Integration weiterer Energiesysteme** wie PV, Speicher oder Carports erweitert werden."
cta_text: "Ihr Ladeprojekt verdient eine durchdachte Planung."
cta_label: "Jetzt starten"
cta_href: "/contact"
---
### Ladeinfrastruktur von der Akquise bis zur Umsetzung
Wir planen **Ladeinfrastruktur** ganzheitlich – von der **Standortbewertung** über **Baurechts- und Einreichplanung** bis zur **elektrotechnischen Ausführungsplanung**. Mit Daten zu Verkehrsdichte, Einwohnerzahlen, Points of Interest und Nutzungsverhalten entwickeln wir **maßgeschneiderte Ladepark-Layouts**, die sowohl den aktuellen Bedarf decken als auch zukünftige Erweiterungen ermöglichen.
Unser Ansatz integriert **technische Machbarkeit, Netzanschlussplanung und Lastmanagement**, sodass Ladeinfrastruktur **störungsfrei, effizient und skalierbar** betrieben werden kann. Durch unsere **Branchennetzwerke** vermitteln wir bei Bedarf **passende Partnerfirmen** für Bau, Betrieb und Wartung – alles aus einer Hand, transparent und zuverlässig.
<!--more-->

56
content/german/Fokusthemen/energiespeicher.md
View file

@ -1,56 +0,0 @@
---
title: "Energiespeicherlösungen"
slug: "energiespeicher"
layout: "leistung"
date: 2025-08-12
draft: false
tags: ["Speicher", "Batteriespeicher", "Peak-Shaving", "Eigenverbrauch", "EMS", "Notstrom", "Redox-Flow"]
categories: ["Fokusthemen"]
meta_title: "Energiespeicher für Gewerbe | AMPERION"
meta_description: "Peak-Shaving, Eigenverbrauchsoptimierung und EMS-Integration – korrekt dimensioniert mit Blick auf C-Rate, Zyklen und Degradation."
kicker: "Fokusthema"
subtitle: "Lastspitzen kappen, Kosten senken – sicher ins EMS eingebunden."
hero_cta_label: "Speicherlösung planen"
hero_cta_href: "/contact/"
usp_title: "Warum mit uns Speicher planen"
usp:
- "Technologieoffen & **unabhängig** – Auswahl nach **Lebenszykluskosten** statt Herstellermeinungen"
- "Dimensionierung nach **Lastprofil & Nutzungsszenarien**: **C-Rate, Zyklen, Degradation** stets im Blick"
- "**Saubere Integration** in EMS, PV & Ladeinfrastruktur – inklusive **Schutzkonzepte** und **Notstrom/USV**"
features:
- title: "Use-Case-Analyse"
text: "Wir analysieren Ihre **Lastprofile** und Einsatzszenarien wie **Peak-Shaving, Eigenverbrauchsoptimierung, Backup und Arbitrage**, um den **maximalen Nutzen je Speicheranwendung** zu erzielen."
icon: "study"
- title: "Wirtschaftlichkeit & Auslegung"
text: "Dimensionierung von **Kapazität, Leistung und Zyklen** sowie **Lebenszykluskosten** (LCOE) für eine **investitionssichere Speichergröße**. Technologieoffene Auswahl: Lithium, Redox-Flow, uvm."
icon: "doc"
- title: "Integration & Betrieb"
text: "Nahtlose Einbindung in **EMS, Lastmanagement und PV-Systeme**, inklusive **Sicherheits- und Schutzkonzepte** für stabilen, sicheren Betrieb. Wir planen auch **Notstromlösungen/USV** nach Bedarf."
icon: "speicher"
- title: "Zukunftsfähige Skalierung"
text: "Speicherlösungen, die mit **zukünftigen Lasten** wie Ladeinfrastruktur oder Industriebedarf wachsen. Wir vermitteln bei Bedarf **zugelassene Partnerfirmen** für Erweiterung oder Installation."
icon: "doc"
outcomes:
- "Reduktion von **Leistungsspitzen** & **Netzentgelten** durch gezieltes Peak-Shaving"
- "Erhöhung des **Eigenverbrauchs** & der **Versorgungssicherheit** – unabhängig vom Netz"
- "**Skalierbarkeit** für zukünftige Lasten (z. B. Ladeparks, Photovoltaik-Erweiterungen)"
- "Integration in bestehende **Energiemanagement-Systeme** für optimierten Betrieb"
- "Vermittlung zu **hochwertigen Partnerfirmen** für Installation, Wartung & Erweiterung"
- "Langfristige **Kosten- und CO₂-Optimierung** durch datenbasierte Analysen und intelligente Betriebsstrategien"
cta_text: "Nutzen Sie Ihren Strom dann, wenn Sie ihn brauchen."
cta_label: "Speicherlösung planen"
cta_href: "/contact"
---
### Speicher: Energieautarkie und Effizienz steigern
Speicherlösungen steigern **Unabhängigkeit, Resilienz und Netzstabilität**. Wir planen **technologieoffen** – von **Lithium** über **Redox-Flow** bis hin zu **innovativen Speichersystemen** – und dimensionieren exakt nach Ihrem **Lastprofil**.
Durch die **integrierte Einbindung in Photovoltaik, Ladeinfrastruktur und Energiemanagement** sorgen wir für **optimale Autarkie, maximale Wirtschaftlichkeit** und eine zukunftssichere Erweiterbarkeit.

62
content/german/Fokusthemen/photovoltaik.md
View file

@ -1,62 +0,0 @@
---
title: "Photovoltaik"
slug: "photovoltaik"
layout: "leistung"
date: 2025-08-12
draft: false
tags: ["Photovoltaik", "PV Planung", "Wirtschaftlichkeitsberechnung", "Netzintegration", "Eigenverbrauch", "EMS", "Ladeinfrastruktur"]
categories: ["Fokusthemen"]
meta_title: "Photovoltaik Planung & Netzzutritt (B2B) | AMPERION"
meta_description: "Einreich-/Ausführungsplanung, Stringdesign, Brandschutz und netzbetreiberkonforme Umsetzung für Gewerbe/Industrie und Kommunen."
kicker: "Fokusthema"
subtitle: "Präzise geplant – maximaler Eigenverbrauch, stabile Erträge."
hero_cta_label: "Projekt starten"
hero_cta_href: "/contact/"
usp_title: "Warum mit uns PV umsetzen"
usp:
- "Präzise **Planung & Layout**: **Verschattung**, **Dachstruktur** und **Systemintegration** exakt analysiert – statt Montage nach Gefühl"
- "Wirtschaftlichkeitsanalyse mit Ingenieursblick: **LCOE**, **Eigenverbrauchsquote**, **Förderungen** und **Stromtarife** fundiert bewertet"
- "Ganzheitliches **Systemdenken**: **PV-Anlage**, **Speicher**, **Ladeinfrastruktur** und **Netzanbindung** als integrierte Lösung geplant"
features:
- title: "Planung & Dimensionierung"
text: "Wir entwickeln **technisch optimierte Stringdesigns**, wählen passende Wechselrichter und erstellen detaillierte **Brandschutz- und Selektivitätskonzepte**. Mit **3D-Modelling und gängiger Planungssoftware** visualisieren wir Ihre PV-Anlage digital, sodass Sie schon vor der Umsetzung Sicherheit über Layout, Leistung und Anschluss erhalten. Alles abgestimmt auf Eigenverbrauch, Netzanbindung und mögliche Erweiterungen."
icon: "pv"
- title: "Wirtschaftlichkeitsberechnung"
text: "Mit fundierten Szenario-Analysen, realistischen Strompreisannahmen und Sensitivitätsprüfungen ermitteln wir den wirtschaftlichen Erfolg Ihrer PV-Projekte. Das Ergebnis: belastbare **Payback- und Renditemodelle**, die Investoren und Stakeholder überzeugen."
icon: "study"
- title: "Netzzutritt"
text: "Wir übernehmen die komplette **Abwicklung des Netzantrags beim Verteilnetzbetreiber**, inklusive aller technischen Unterlagen, Prüfpläne und Abstimmungen. So sichern wir einen **reibungslosen Netzanschluss** Ihrer PV-Anlage und sorgen dafür, dass alle regulatorischen Anforderungen normgerecht erfüllt werden."
icon: "doc"
- title: "Gewerbliche & kommunale Anwendungen"
text: "Ob **Dachanlagen, Freiflächen, Carports oder Fassaden** – wir entwickeln skalierbare PV-Systeme für Unternehmen, Gemeinden und kommunale Einrichtungen. Jedes Projekt wird wirtschaftlich optimiert und baulich effizient umgesetzt."
icon: "doc"
- title: "Kombination mit Speicher & Laden"
text: "Durch intelligentes **Lastmanagement, PV-Überschussladen und Integration von Speichern** erhöhen wir die Eigenverbrauchsquote und Autarkie Ihrer Energieanlage. So wird die PV-Anlage Teil eines ganzheitlichen Energiesystems inklusive Ladeinfrastruktur."
icon: "speicher"
outcomes:
- "Maximale **Plan-zu-Ist-Erträge** durch präzise **Einreichplanung**, **Ausführungsplanung** und kontinuierliches **Monitoring** – weniger **Performance-Lücken**."
- "Signifikante **Energiekostenersparnis** und verbesserte **CO₂-Bilanz** dank **optimierter Eigenverbrauchsquote**, effizienter **Netzintegration** und **intelligenter Systemkoordination**."
- "Zukunftssichere **Erweiterbarkeit** für **Speicher** und **Ladeinfrastruktur** – flexibel auf steigenden Energiebedarf vorbereitet und **nahtlos erweiterbar**."
- "Reduzierte Projektrisiken durch **fachkundige Begleitung** und **Vermittlung zu verlässlichen Partnerfirmen** – von Installation bis Wartung."
- "**Schnellere Amortisation** durch praxisnahe Wirtschaftlichkeitsberechnungen und **optimierte Förder- und Netzprozesse**."
cta_text: "Ihre solare Unabhängigkeit beginnt hier."
cta_label: "Projekt starten"
cta_href: "/contact/"
---
### Photovoltaik mit Ingenieurspräzision – normgerecht & wirtschaftlich
Wir planen und realisieren **Photovoltaiksysteme** als integrierte Energiestrategie: **Standortanalyse, Verschattungsprüfung, Netzanbindung, Sicherheitskonzepte** und **integrierte Speicher- & Ladeinfrastruktur**.
Als staatlich geprüftes Ingenieurbüro sichern wir **technische Zuverlässigkeit, maximale Eigenverbrauchsquote und wirtschaftliche Performance** – von der **Machbarkeitsstudie über Einreich- und Ausführungsplanung bis zur Inbetriebnahme**. Ihr Projekt startet termingerecht, normkonform und effizient.
<!--more-->

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

@ -1,67 +0,0 @@
---
title: "Consulting"
slug: "consulting"
layout: "leistung"
date: 2025-08-12
draft: false
tags: ["Consulting", "Standortprüfung", "Energiekonzepte", "Förderberatung", "Energiemanagement", "Bestandsanlagen", "Technologievergleich"]
categories: ["Leistungen"]
meta_title: "Consulting Energieprojekte (B2B) | AMPERION"
meta_description: "Standort-/Lastganganalysen, Förder-Check, Machbarkeit und Business-Case mit Szenarien & Sensitivität – technologieoffen."
kicker: "Strategie & Engineering"
subtitle: "Technologieoffen beraten – mit klarem Business Case."
hero_cta_label: "Beratungstermin sichern"
hero_cta_href: "/contact/"
usp_title: "Warum mit uns beraten"
usp:
- "Unabhängige, technologieoffene **Entscheidungsgrundlagen** für Photovoltaik-, Speicher- und Ladeinfrastruktur-Projekte – objektiv statt verkaufsorientiert."
- "Umfassender **Markt- und Technologieblick**: Trends, Regulatorik, Anbieter und Innovationen für zukunftssichere Projekte."
- "Datenbasierte **Wirtschaftlichkeitsanalyse** mit Lastgängen, Tarifen, Szenarien und Investitionskennzahlen für fundierte Projektentscheidungen."
features:
- title: "Standortprüfung & Akquise"
text: "Wir prüfen die **technische Machbarkeit, Netzanschlussmöglichkeiten und Erschließung** potenzieller Standorte für Photovoltaik-, Speicher- und Ladeinfrastrukturprojekte. So treffen Sie **fundierte Entscheidungen beim Kauf oder bei der Entwicklung von Projekten** und minimieren Investitionsrisiken."
icon: "study"
- title: "Energiekonzepte"
text: "Wir erstellen **maßgeschneiderte Energiekonzepte** und vergleichen Varianten aus Photovoltaik, Speicherlösungen, Energiemanagement-Systemen (EMS) und Ladeinfrastruktur. Ziel: **maximaler Nutzen pro investiertem Euro, optimierter Eigenverbrauch und langfristige Wirtschaftlichkeit**."
icon: "pv"
- title: "Marktbeobachtung & Technologiscouting"
text: "Wir analysieren **Anbieter, Technologien und Markttrends**, um die **zukunftssichere Auswahl von Komponenten und Partnern** für Ihre Energieprojekte zu sichern. So profitieren Sie von **effizienten, bewährten und innovativen Lösungen**."
icon: "study"
- title: "Bestandsanlagen-Begutachtung"
text: "Wir prüfen den **Zustand, Ertrag und die Sicherheit** Ihrer bestehenden PV-, Speicher- oder Ladeinfrastruktur-Anlagen. So können Sie **Sanierungskosten vermeiden, die Anlagenleistung steigern und die Rendite nachhaltig optimieren**."
icon: "doc"
- title: "Förderberatung"
text: "Wir prüfen die **Relevanz und Förderfähigkeit Ihrer Projekte** und begleiten Sie bei Anträgen und Nachweisen. Das erhöht die **Chancen auf attraktive Förderungen** und sichert die wirtschaftliche Realisierung Ihrer Investitionen."
icon: "doc"
- title: "Energiemanagement"
text: "Wir implementieren **Kennzahlen, Monitoring-Systeme und Optimierungsstrategien** für bestehende und neue Energieanlagen. Ziel: **laufende Kostenreduktion, Effizienzsteigerung und nachhaltige Optimierung des Eigenverbrauchs**."
icon: "study"
outcomes:
- "Fundierte **Investitionssicherheit** durch belastbare technische, wirtschaftliche und regulatorische Analysen für Photovoltaik-, Speicher- und Ladeinfrastruktur-Projekte."
- "Transparenter und nachvollziehbarer **Business Case** mit CAPEX/OPEX-Bewertung, Payback-Rechnungen und Sensitivitätsanalysen, um die **wirtschaftliche Realisierbarkeit** klar zu belegen."
- "Umsetzbare **Roadmap von Quick Wins bis zu strategischen Next-Level-Maßnahmen**, inklusive Effizienzsteigerung, Eigenverbrauchsoptimierung und langfristiger Kostenreduktion."
- "Optimierungspotenziale für **Energieeffizienz, Förderfähigkeit und Nachhaltigkeit**, um maximale Rendite und langfristigen Mehrwert zu sichern."
- "Zugang zu **zukunftssicheren Technologien und hochqualifizierten Partnerunternehmen**, unterstützt durch Marktbeobachtung und Technologiscouting."
cta_text: "Wir sehen, was technisch möglich ist - und was sich wirklich lohnt."
cta_label: "Beratungstermin sichern"
cta_href: "/contact/"
---
### 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**.
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?
Mit unserem **fundierten elektrotechnischen Know-how** erstellen wir **strategische Roadmaps, Quick-Win-Maßnahmen und Investitionsanalysen**, die messbare Einsparungen, Transparenz und nachhaltigen Mehrwert für Unternehmen, Gemeinden und private Liegenschaften liefern.

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

@ -1,65 +0,0 @@
---
title: "Planung"
slug: "planung"
layout: "leistung"
date: 2025-08-12
draft: false
tags: ["Planung", "Einreichplanung", "Ausführungsplanung", "Energieausweis", "Energiekonzept", "Technische Studien", "Photovoltaik", "Speicher", "Ladeinfrastruktur"]
categories: ["Leistungen"]
meta_title: "Einreich- & Ausführungsplanung | AMPERION"
meta_description: "Stromlauf-/Verlegepläne, Schutz/Selektivität, Brandschutz und Netzanschluss – sauber dokumentiert und netzbetreiberkonform."
kicker: "Engineering & Elektrotechnik"
subtitle: "Technisch präzise geplant – wirtschaftlich belastbar."
hero_cta_label: "Jetzt unverbindlich anfragen"
hero_cta_href: "/contact/"
usp_title: "Warum mit uns planen"
usp:
- "**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**"
- "**Technisch präzise & zukunftssicher** – maximale **Energieeffizienz**, **Förderfähigkeit** und **Investitionssicherheit** von Anfang an"
features:
- title: "Einreichplanung"
text: "Wir erstellen **vollständige, behördlich konforme Einreichpläne** für Photovoltaikprojekte, Energiespeicher und Ladeinfrastruktur. Dazu gehören detaillierte Lagepläne, Stromlaufpläne, technische Anlagenbeschreibungen sowie Nachweise zur **Netzanschlussfähigkeit**. Mit unserer langjährigen Erfahrung in der Abstimmung mit **Bau- und Netzbehörden** sorgen wir für eine **schnelle Bewilligung**, reduzieren Rückfragen und schaffen die Grundlage für eine **normkonforme und förderfähige Projektrealisierung**. Unsere Einreichunterlagen berücksichtigen stets die aktuell gültigen **ÖNORMEN, Energiegesetze und Förderrichtlinien**."
icon: "doc"
- title: "Entwurfs- & Ausführungsplanung"
text: "Unsere **detaillierte Entwurfs- und Ausführungsplanung** für Photovoltaik, Speicheranlagen und Ladeinfrastruktur stellt die optimale **Dimensionierung, Positionierung und elektrische Auslegung** sicher. Wir planen Kabeltrassen, Trafostandorte, Anschlusskonzepte und berücksichtigen **elektrische Lastflüsse, Netzverträglichkeit und Spannungshaltung**. Ziel ist eine **betriebssichere, wirtschaftliche und langfristig zuverlässige Umsetzung**, die sowohl **technische Normen, Förderkriterien als auch energetische Optimierung** erfüllt. So entsteht eine belastbare Grundlage für **PV-Anlagen, Batteriespeicher und Ladeinfrastrukturprojekte jeder Größe**."
icon: "study"
- title: "Energieausweis (AT)"
text: "Wir erstellen **rechtssichere Energieausweise** für Neubau, Umbau, Verkauf oder Vermietung nach österreichischen Standards. Dabei prüfen wir Hüllflächen, Anlagentechnik und Energiekennwerte, um die **Förderfähigkeit, Normkonformität und Energieeffizienz** sicherzustellen. Unsere Energieausweise liefern **klare Entscheidungsgrundlagen für Eigentümer, Investoren und Projektentwickler** und unterstützen nachhaltige **Gebäudekonzepte, Betriebskostenoptimierung und langfristige Energieeinsparungen**."
icon: "doc"
- title: "Energiekonzepte"
text: "Wir entwickeln **maßgeschneiderte Energiekonzepte** für Unternehmen, Gemeinden und Privatpersonen. Photovoltaik, Speicherlösungen und Ladeinfrastruktur werden intelligent miteinander verknüpft. Durch **Lastganganalyse, Optimierung des Eigenverbrauchs und intelligentes Lademanagement für Elektrofahrzeuge** senken wir die Betriebskosten und steigern die Energieeffizienz. Unsere Konzepte berücksichtigen **Fördermöglichkeiten, Netzintegration, PV-Eigenverbrauch und nachhaltige Energienutzung** und schaffen **wirtschaftlich attraktive, normkonforme und zukunftssichere Energieprojekte**."
icon: "pv"
- title: "Technische Studien"
text: "Unsere **technischen Studien** prüfen die Standorttauglichkeit, Machbarkeit und Wirtschaftlichkeit von Projekten: Einstrahlung, Netzreserven, bauliche Restriktionen, Verkehrsfrequenz und Gebäudeeigenschaften werden detailliert analysiert. Bei komplexen Projekten arbeiten wir eng mit **zertifizierten, staatlich befugten und gerichtlich beeideten Sachverständigen** zusammen. So bieten wir **maximale Investitionssicherheit, fundierte Entscheidungsgrundlagen und Risikominimierung** für PV-Anlagen, Speicherlösungen und Ladeinfrastrukturprojekte."
icon: "study"
outcomes:
- "Normkonforme und genehmigungsfähige Planung für Photovoltaik-, Speicher- und Ladeinfrastrukturprojekte – maximale **Bewilligungs- und Förderfähigkeit** von Anfang an."
- "Transparente **CAPEX- und OPEX-Basis** für fundierte Entscheidungen: Wir liefern belastbare Kosten- und Wirtschaftlichkeitsanalysen, damit Sie Investitionen präzise planen können."
- "Effiziente Projektumsetzung durch **detaillierte Planung und technische Qualität** – weniger Nachträge, termingerechte Realisierung und schnellere Inbetriebnahme."
- "Langfristiger Mehrwert durch **optimierte Energieeffizienz, Eigenverbrauch und nachhaltige Betriebsführung** Ihrer Anlagen."
- "Sicherheit und Investitionsschutz durch **professionelle Standort- und Machbarkeitsstudien**, unterstützt durch externe zertifizierte Sachverständige bei komplexen Fragestellungen."
cta_text: "Sie haben das Projekt – wir den Plan. Reden wir darüber."
cta_label: "Jetzt unverbindlich anfragen"
cta_href: "/contact/"
---
### Von der Idee zur bewilligten Ausführungsplanung
AMPERION ist Ihr **staatlich geprüftes Ingenieurbüro** und **konzessionierter Elektrotechnikbetrieb** für erneuerbare Energien. Wir schaffen von Anfang an **klare Strukturen, transparente Entscheidungsgrundlagen und technisch präzise Lösungen**.
Unsere Planungen für **Photovoltaikanlagen, Speicher und Ladeinfrastruktur** verbinden **Normkonformität, Wirtschaftlichkeit und Zukunftssicherheit** – damit Ihr Projekt nicht nur genehmigt, sondern auch erfolgreich umgesetzt wird.
<!--more-->

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

@ -1,58 +0,0 @@
---
title: "Projektmanagement"
slug: "projektmanagement"
layout: "leistung"
date: 2025-08-12
draft: false
tags: ["Projektmanagement", "Baukoordination", "Begleitende Kontrolle", "Bauherrnvertretung", "Dokumentation", "Inbetriebnahme"]
categories: ["Leistungen"]
meta_title: "Projektmanagement Elektrotechnik | AMPERION"
meta_description: "Projektmanagement für Energieprojekte: Koordination, Kontrolle, Dokumentation – unabhängig, elektrotechnisch fundiert, sicher zur Abnahme."
kicker: "Engineering & Elektrotechnik"
subtitle: "Sicher zur Abnahme – Termine, Kosten, Qualität im Griff."
hero_cta_label: "Projekt begleiten lassen"
hero_cta_href: "/contact/"
usp_title: "Warum mit uns umsetzen"
usp:
- "**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"
- "**Revisionssichere** und **transparente Dokumentation** – klare Übersicht für **Bauherrn**, **Investoren** und alle **Projektbeteiligten**"
features:
- title: "Baukoordination"
text: "Wir übernehmen das **professionelle Schnittstellenmanagement** zwischen Gewerken, Lieferanten, Netzbetreibern und Projektpartnern. Durch präzise Abstimmung sichern wir einen **reibungslosen Bauablauf, termingerechte Umsetzung und normkonforme Integration** von Photovoltaik, Speicherlösungen und Ladeinfrastruktur."
icon: "doc"
- title: "Begleitende Kontrolle"
text: "Wir überwachen **Qualität, Termine und Budget** während der gesamten Bauphase. Mit detaillierten Prüfplänen und laufender Kontrolle minimieren wir Risiken, vermeiden Nachträge und gewährleisten eine **wirtschaftlich und technisch einwandfreie Projektrealisierung**."
icon: "study"
- title: "Bauherrnvertretung & Vermittlung"
text: "Als **technische Interessenvertretung** agieren wir gegenüber Behörden, Netzbetreibern und ausführenden Firmen. Wir sorgen für **klare Entscheidungen, rechtssichere Abstimmungen und normkonforme Umsetzung**. Darüber hinaus vermitteln wir unsere Kunden an ausgewählte Partnerunternehmen, da wir über **herausragende Vernetzung in der Branche** verfügen und Zugang zu hochqualifizierten Partnern für Photovoltaik, Speicher und Ladeinfrastruktur haben."
icon: "doc"
- title: "Dokumentation & Inbetriebnahme-Unterstützung"
text: "Wir erstellen **umfassende Projektdokumentation** inklusive Checklisten, Messprotokollen, Prüfberichten und As-Built-Unterlagen. So erleichtern wir die **Abnahme, unterstützen die Inbetriebnahme (IBN) und sichern die Revisionsfähigkeit** Ihrer Energieprojekte."
icon: "doc"
outcomes:
- "Reduzierung von Risiken und Nachträgen durch **fortlaufende technische Kontrolle, qualifizierte Bauaufsicht und normkonformes Projektmanagement**."
- "Planbare, klar definierte Meilensteine und Termine bis zur **Abnahme und Inbetriebnahme (IBN)**, für eine effiziente und termingerechte Projektrealisierung."
- "Volle **Transparenz für Management, Bauherrn, Aufsichtsrat und alle Stakeholder** durch nachvollziehbare Dokumentation, Statusberichte und revisionssichere Projektunterlagen."
- "Zugang zu **hochqualifizierten Partnerunternehmen** durch unsere herausragende Vernetzung in der Branche, um Projekte effizient, fachlich fundiert und wirtschaftlich erfolgreich umzusetzen."
- "Sicherheit und langfristiger Mehrwert durch **professionelles Schnittstellenmanagement, Baukoordination und normkonforme Umsetzung**."
cta_text: "Ihr nächster Schritt in Richtung Energiewende beginnt hier."
cta_label: "Projekt begleiten lassen"
cta_href: "/contact/"
---
### Schnittstellen im Griff: vom Baustart bis zur Inbetriebnahme
Wir **managen komplexe Energieprojekte** für Photovoltaikanlagen, Speicherlösungen und Ladeinfrastruktur – von der ersten Projektidee über die Baukoordination bis hin zur **erfolgreichen Inbetriebnahme**. Dabei behalten wir **Termine, Qualität und Kosten** im Blick und sorgen für eine reibungslose Abstimmung zwischen allen Beteiligten.
Mit unserem **Know-how** koordinieren wir die Schnittstellen zwischen Gewerken, Lieferanten, Netzbetreibern und Behörden. Wir erstellen **transparente Projektpläne, überwachen den Baufortschritt, prüfen technische Ausführungen und dokumentieren alle Schritte revisionssicher**. So gewährleisten wir eine **normkonforme, effiziente und wirtschaftlich tragfähige Umsetzung**, minimieren Risiken und schaffen Vertrauen bei Bauherrn, Investoren und Stakeholdern.
<!--more-->

72
content/german/_index.md
View file

@ -1,7 +1,4 @@
---
meta_title: "Ingenieurbüro: PV, Speicher & Ladeinfrastruktur | AMPERION"
meta_description: "Planung, Projektmanagement für Unternehmen und Kommunen: Photovoltaik, Energiespeicher, Ladeinfrastruktur – herstellerneutral, normkonform, wirtschaftlich."
############################### Banner ##############################
banner:
enable: true
@ -11,8 +8,8 @@ banner:
logo_image1: "images/amperion_logo_color.png" # Neuer Eintrag für das Logo
logo_image2: "images/amperion_letters_color.webp" # Neuer Eintrag für das Logo
logo_image3: "images/" # Neuer Eintrag für das Logo
title: "INGENIEURBÜRO UND ELEKTROTECHNIKBETRIEB"
content:
title: "Ingenieur&shy;büro und Elektro&shy;technik&shy;betrieb"
content: "Wir entwickeln Energielösungen für die Zukunft"
button:
enable: true
label: "Kontakt"
@ -22,45 +19,62 @@ banner:
link: "#about"
image: "images/pfeil-nach-unten-skizze.webp"
label: "About us"
############################# About #################################
about:
enable: true
title: "ÜBER AMPERION"
description: "Technik mit Verantwortung. Planung mit Weitblick."
content: |
**AMPERION** ist ein **staatlich geprüftes Ingenieurbüro** und **konzessionierter Elektrotechnikbetrieb** in Niederösterreich. Wir unterstützen **Unternehmen, Gemeinden, Bauträger aber auch Privatpersonen** dabei, Energieprojekte technisch sicher, wirtschaftlich und termingerecht umzusetzen – von der Idee bis zur Inbetriebnahme.
content: "<b> AMPERION ist ein staatlich geprüftes Ingenieurbüro und konzessionierter Elektrotechnikbetrieb mit Sitz in Niederösterreich. </b> <p> Wir unterstützen Unternehmen, Gemeinden und Bauträger bei der Planung und Umsetzung nachhaltiger Energiesysteme – mit einem klaren Fokus auf Photovoltaik, Speicherlösungen, Ladeinfrastruktur und smarte Gebäudetechnik. <br> <b> Systemisch. Unabhängig. Zukunftsfähig. </b> <br> Denn Technik ist für uns kein Selbstzweck – sondern ein Werkzeug, um Lösungen zu schaffen, die in der Praxis funktionieren und dauerhaft Bestand haben. <br> Mit technischem <b> Know-how, Verantwortungsbewusstsein </b> und einem geschulten Blick fürs Ganze bringen wir Energieprojekte von der Idee bis zur Inbetriebnahme. Mehr über uns </p>"
link_text: "Mehr über uns."
image: "images/ingenieurbuero.webp"
Unsere Schwerpunkte: **[Photovoltaik](/photovoltaik/)**, **[Energiespeicher](/energiespeicher/)** und **[Ladeinfrastruktur](/e-mobilitaet/)**. Wir planen **herstellerneutral**, prüfen Varianten transparent und achten auf **Normkonformität**.
**Was Sie erwarten können:**
- **Einreich- & Ausführungsplanung:** mit präzisem Stringdesign, Anschlusskonzept und geprüften Plänen.
- **Projektmanagement & Baukoordination:** klare Meilensteine, Schnittstellenführung, Dokumentation bis zur Abnahme.
- **Beratung und Consulting:** Eigenverbrauchsquote, Business case/Wirtschaftlichkeitsanalyse, Förderungen für belastbare Investitionsentscheidungen.
- **Systemdenken**: PV, Speicher, Laden und Energiemanagement als integriertes Energiesystem.
Unser Anspruch: **systemisch, unabhängig, zukunftsorientiert**. So entstehen Lösungen, die **in der Praxis funktionieren** – zuverlässig im Betrieb, **erweiterbar** bei steigendem Bedarf und **wirtschaftlich** über den gesamten Lebenszyklus.
image: "images/ingenieurbuero.svg"
############################# About #################################
about1:
enable: true
title: ""
description: ""
content: ""
image: ""
############################# welcome #################################
welcome:
enable: true
title: "Willkommen bei AMPERION <br> Ihrem Experten für erneuerbare Energien"
description: "Wir bieten maßgeschneiderte Lösungen für die Planung und Optimierung Ihrer Energieinfrastruktur."
content: ""
image: "images/Zeitachse-planung.webp"
######################### Portfolio ###############################
portfolio:
enable: true
bg_image: "images/amperion_letters_color.webp"
title: "Wir entwickeln die Energiezukunft"
content: "Referenzen aus Planung, Netzzutritt und Projektmanagement – von PV-Dachanlagen über Speicherintegration bis zur Ladeinfrastruktur. Nachhaltig, normkonform und wirtschaftlich."
content: " TEXT "
button:
enable: true
label: "Projekte"
link: "project/"
############################# Service ############################
service:
enable: true
# service content comes from "service.md" file
#########c################### call to action ###########################
cta:
enable: true
bg_image: "images/module_reflection_2.webp"
title: "Jetzt kostenlos Projektanfrage stellen <br> +43 677 620 90 426"
content: ""
button:
enable: true
label: "Kontaktinformation"
link: "contact/"
button:
enable: true
label: "Kontaktinformation"
link: "contact/"
############################# facts ###############################
facts:
enable: true
@ -71,6 +85,14 @@ facts:
name: "Ingenieurbuero"
count: "200"
- image: "images/ingbueros-logo-claim.webp" # Pfad zum lokalen Bild
name: "StaatlichGeprüft"
count: "400"
testimonial_slider:
# testimonial item loop
- name: ""
@ -90,11 +112,5 @@ facts:
designation: ""
content: ""
cta:
enable: true
title: "Kostenlose Erstberatung sichern!"
lead: "Bereit für Ihr Projekt?"
accent: "Jetzt Kontakt aufnehmen!"
email_button_text: "E-Mail senden"
phone_button_text: "Anrufen"
---

69
content/german/about.md
View file

@ -1,32 +1,10 @@
---
title: "Wir sind AMPERION"
description: "Das AMPERION Gründerteam."
descriptiontwo: "Zwei Ingenieure. Eine Vision."
bg_image: ""
layout: "about"
draft: false
meta_title: "Über AMPERION | Ingenieurbüro"
meta_description: "Ingenieurbüro für PV, Ladeinfrastruktur und Energiespeicher – unabhängige Beratung, Normenkompetenz und Netzbetreiber-Erfahrung."
intro_section:
enable: true
text: >
**AMPERION** ist ein *staatlich geprüftes Ingenieurbüro* und *konzessionierter Elektrotechnikbetrieb* mit Sitz in Niederösterreich.
Gegründet im Jahr 2024 von **Markus Wimmer, BSc**, und **Ing. Alexander Stosic, MSc**, steht unser Unternehmen für innovative, wirtschaftlich sinnvolle und technisch ausgereifte Lösungen im Bereich moderner Energiesysteme. <br><br>
Wir planen, prüfen und begleiten die Umsetzung von **Photovoltaik-Anlagen**, **Stromspeichersystemen**, **Ladeinfrastruktur** für **E-Mobilität** sowie **smarter Gebäudetechnik** – von der ersten Idee bis zur erfolgreichen Inbetriebnahme. Dabei arbeiten wir für Unternehmen, Gemeinden, Bauträger und Privatkunden gleichermaßen. <br><br>
Unser Ansatz ist **ganzheitlich**:
Wir betrachten Projekte immer im Zusammenspiel von **Technik**, **Wirtschaftlichkeit** und **Nachhaltigkeit**. <br>
Dank unserer **Herstellerunabhängigkeit** wählen wir ausschließlich Lösungen, die optimal zu den technischen Anforderungen, den finanziellen Rahmenbedingungen und den langfristigen Zielen unserer Auftraggeber passen.
Mit **fundiertem Fachwissen**, **praxisnaher Erfahrung** und einem klaren Blick für Details setzen wir Energieprojekte um, die langfristig überzeugen. <br>
**AMPERION** – Energielösungen für die Zukunft.
image: "images/amperion_intro.webp"
tags:
- Unabhängig
- Technisch fundiert
- Zukunftsorientiert
################################## About #####################################
@ -67,48 +45,19 @@ testimonial:
# testimonial content comes from "data/*/homepage.yml" file
mission_vision:
enable: true
enable : true
tabs:
# tab item loop
- name: "Unsere Vision"
content: |
<p><strong>Unsere Vision ist kein Produkt, sondern ein Versprechen.</strong></p>
<p>
Ein Versprechen an die <strong>Umwelt</strong>, an <strong>kommende Generationen</strong>, an das <em>Morgen</em>:
Dass wir <strong>Technik</strong> nie als Selbstzweck sehen, sondern als Werkzeug für <strong>Wandel</strong>.
Für eine Welt, in der Energie nicht auf Raubbau basiert – sondern auf <strong>Respekt</strong>.
Für eine Menschheit, die gelernt hat, mit dem zu leben, was sie <em>braucht</em> – und nicht mit dem, was sie <em>verbraucht</em>.
</p>
- name : "Unsere Vision"
content : "<h4> Unsere Vision ist kein Produkt, sondern ein Versprechen.</h4> <p> Ein Versprechen an die Umwelt, an kommende Generationen, an das Morgen: Dass wir Technik nie als Selbstzweck sehen, sondern als Werkzeug für Wandel. Für eine Welt, in der Energie nicht auf Raubbau basiert – sondern auf Respekt. Für eine Menschheit, die gelernt hat, mit dem zu leben, was sie braucht – und nicht mit dem, was sie verbraucht.</p>"
# tab item loop
- name: "Unsere Mission"
content: |
<p><strong>Energiewende ist kein Trend. Sie ist unsere Verantwortung.</strong></p>
<p>
Unsere Mission ist es, die <strong>Energiewende</strong> aktiv mitzugestalten –
mit <strong>technischem Know-how</strong>, <strong>sinnvollen Lösungen</strong>
und einem klaren Anspruch an <strong>Umsetzbarkeit</strong> und <strong>Verantwortung</strong>.
</p>
<p>
Wir planen <strong>Energiesysteme</strong> so, dass sie funktionieren
und im Alltag sowohl <strong>wirtschaftlich</strong> als auch <strong>ökologisch</strong> sind.
</p>
- name : "Unsere Mission"
content : "<h4>Energiewende ist kein Trend. Sie ist unsere Verantwortung.</h4> <p> Unsere Mission ist es, die Energiewende aktiv mitzugestalten. Mit technischem Know-how, sinnvollen Lösungen und einem klaren Anspruch an Umsetzbarkeit und Verantwortung.</p> <p> Wir planen Energiesysteme so, dass sie funktionieren und im Alltag wirtschaftlich sowie ökologisch sind.</p>"
# tab item loop
- name: "Unser Ziel"
content: |
<p><strong>Technik, die besteht. Planung, die trägt.</strong></p>
<p>
Unser Ziel ist es, <strong>nachhaltige Energielösungen</strong>
für <strong>Unternehmen</strong>, <strong>Gemeinden</strong> und <strong>Privatpersonen</strong>
realisierbar zu machen – und damit einen Beitrag zur <strong>nachhaltigen Energiezukunft</strong> zu leisten.
</p>
<p>
Dafür verbinden wir <strong>technisches Know-how</strong> mit <strong>Struktur</strong>,
<strong>Verantwortung</strong> und dem Anspruch, Projekte so zu planen,
dass sie auch <strong>bestehen</strong>.
</p>
- name : "Unser Ziel"
content : " <h4> Technik, die besteht. Planung, die trägt.</h4> <p> Unser Ziel ist es, nachhaltige Energielösungen für Unternehmen, Gemeinden und Privatpersonen realisierbar zu machen und damit einen Beitrag zur nachhaltigen Energiezukunft zu leisten.</p> <p> Dafür verbinden wir technisches Know-how mit Struktur, Verantwortung und dem Anspruch, Projekte so zu planen, dass sie auch bestehen.</p>"
############################# call to action #################################

410
content/german/agb.md
View file

@ -1,403 +1,103 @@
---
meta_title: "AGB | AMPERION"
meta_description: "Allgemeine Geschäftsbedingungen: Geltungsbereich, Angebote, Leistungen, Haftung, Gewährleistung, Zahlungs- und Vertragsbedingungen."
robots: "noindex,follow"
title: "Allgemeine Geschäftsbedingungen"
description: ""
title: "AGB"
description: "Allgemeine Geschäftsbedingungen"
subtitle : ""
lastmod: 2025-08-29T00:00:00
lastmod: 2024-07-22T00:00:00
bg_image: "images/terms_of_service.webp"
layout: "agb"
draft: false
---
### 1. Geltung der Allgemeinen Geschäftsbedingungen und Abweichungen
#### 1. Geltung der Allgemeinen Geschäftsbedingungen und Abweichungen
#### 1.1 Geltungsbereich
Die folgenden Allgemeinen Geschäftsbedingungen (nachfolgend "AGB") gelten für alle gegenwärtigen und künftigen Verträge zwischen der AMPERION GmbH (nachfolgend "wir", "uns" oder "AMPERION") und dem Auftraggeber in seiner Eigenschaft als Unternehmer. Diese AGB gelten sowohl für Ingenieurbüro-Leistungen als auch für Elektrotechnik-Leistungen.
a) Die folgenden Allgemeinen Geschäftsbedingungen gelten für alle gegenwärtigen und künftigen Verträge zwischen dem Auftraggeber in seiner Eigenschaft als Unternehmer und dem Ingenieurbüro.
Bei unternehmerischen Kunden gilt jeweils die bei Vertragsabschluss aktuelle Fassung unserer AGB, abrufbar auf unserer Homepage (www.amperion.at). Diese wurden dem Kunden auch übermittelt.
b) Abweichungen von diesen Bedingungen und insbesondere auch Bedingungen des Auftraggebers gelten nur, wenn sie vom Ingenieurbüro ausdrücklich und schriftlich anerkannt und bestätigt werden.
#### 1.2 Ausschluss fremder Geschäftsbedingungen
Abweichungen von diesen Bedingungen und insbesondere auch Bedingungen des Auftraggebers gelten nur, wenn sie von uns ausdrücklich und schriftlich anerkannt und bestätigt werden. Wir kontrahieren ausschließlich unter Zugrundelegung unserer AGB.
Geschäftsbedingungen des Kunden oder Änderungen bzw. Ergänzungen unserer AGB bedürfen zu ihrer Geltung unserer ausdrücklichen schriftlichen Zustimmung. Geschäftsbedingungen des Kunden werden auch dann nicht anerkannt, wenn wir ihnen nach Eingang bei uns nicht ausdrücklich widersprechen.
#### 2. Angebote, Nebenabreden
a) Die Angebote des Ingenieurbüros sind, sofern nichts anderes angegeben ist, freibleibend und zwar hinsichtlich aller angegebenen Daten einschließlich des Honorars.
#### 1.3 Schriftformerfordernis
Vereinbarungen bedürfen grundsätzlich der Schriftform. Zusagen, Zusicherungen und Garantien unsererseits oder von diesen AGB abweichende Vereinbarungen im Zusammenhang mit dem Vertragsabschluss werden gegenüber unternehmerischen Kunden erst durch unsere schriftliche Bestätigung verbindlich.
b) Enthält eine Auftragsbestätigung des Ingenieurbüros Änderungen gegenüber dem Auftrag, so gelten diese als vom Auftraggeber genehmigt, sofern dieser nicht unverzüglich schriftlich widerspricht.
### 2. Angebote, Nebenabreden und Vertragsabschluss
c) Vereinbarungen bedürfen grundsätzlich der Schriftform.
#### 2.1 Unverbindlichkeit der Angebote
Die Angebote von AMPERION sind, sofern nichts anderes angegeben ist, freibleibend und unverbindlich, und zwar hinsichtlich aller angegebenen Daten einschließlich des Honorars.
#### 2.2 Auftragsbestätigung
Enthält eine Auftragsbestätigung von AMPERION Änderungen gegenüber dem Auftrag, so gelten diese als vom Auftraggeber genehmigt, sofern dieser nicht unverzüglich schriftlich widerspricht.
#### 3. Auftragserteilung
a) Art und Umfang der vereinbarten Leistung ergeben sich aus Vertrag, Vollmacht und diesen Allgemeinen Geschäftsbedingungen.
#### 2.3 Informationsmaterial
In Katalogen, Preislisten, Prospekten, Anzeigen auf Messeständen, Rundschreiben, Werbeaussendungen oder anderen Medien (Informationsmaterial) angeführte Informationen über unsere Produkte und Leistungen, die nicht uns zuzurechnen sind, hat der Kunde – sofern der Kunde diese seiner Entscheidung zur Beauftragung zugrunde legt – uns darzulegen. Diesfalls können wir zu deren Richtigkeit Stellung nehmen. Verletzt der Kunde diese Obliegenheit, sind derartige Angaben unverbindlich, soweit diese nicht ausdrücklich schriftlich zum Vertragsinhalt erklärt wurden.
b) Änderungen und Ergänzungen des Auftrags bedürfen der schriftlichen Bestätigung durch das Ingenieurbüro um Gegenstand des vorliegenden Vertragsverhältnisses zu werden.
#### 2.4 Kostenvoranschläge
**Für Elektrotechnik-Leistungen:**
Kostenvoranschläge werden ohne Gewähr erstellt und sind entgeltlich. Verbraucher werden vor Erstellung des Kostenvoranschlages auf die Kostenpflicht hingewiesen. Erfolgt eine Beauftragung mit sämtlichen im Kostenvoranschlag umfassten Leistungen, wird der gegenständlichen Rechnung das Entgelt für den Kostenvoranschlag gutgeschrieben.
c) Das Ingenieurbüro verpflichtet sich zur ordnungsgemäßen Durchführung des ihm erteilten Auftrags nach den allgemein anerkannten Regeln der Technik und den Grundsätzen der Wirtschaftlichkeit.
**Für Ingenieurbüro-Leistungen:**
Kostenvoranschläge werden nach den branchenüblichen Standards erstellt und können je nach Vereinbarung kostenpflichtig sein.
d) Das Ingenieurbüro kann zur Vertragserfüllung andere entsprechend Befugte heranziehen und diesen im Namen und für Rechnung des Auftraggebers Aufträge erteilen. Das Ingenieurbüro ist jedoch verpflichtet, den Auftraggeber von dieser Absicht schriftlich zu verständigen und dem Auftraggeber die Möglichkeit einzuräumen, dieser Auftragserteilung an einen Dritten binnen 10 Tagen zu widersprechen.
### 3. Auftragserteilung und Leistungsausführung
e) Das Ingenieurbüro kann auch zur Vertragserfüllung andere entsprechend Befugte als Subplaner heranziehen und diesen im Namen und für Rechnung des Ingenieurbüros Aufträge erteilen. Das Ingenieurbüro ist jedoch verpflichtet den Auftraggeber schriftlich zu verständigen, wenn es beabsichtigt, Aufträge durch einen Subplaner durchführen zu lassen, und dem Auftraggeber die Möglichkeit einzuräumen, dieser Auftragserteilung an den Subplaner binnen einer Woche zu widersprechen; in diesem Fall hat das Ingenieurbüro den Auftrag selbst durchzuführen.
#### 3.1 Leistungsbestimmung
Art und Umfang der vereinbarten Leistung ergeben sich aus Vertrag, Vollmacht und diesen Allgemeinen Geschäftsbedingungen.
#### 3.2 Auftragsänderungen
Änderungen und Ergänzungen des Auftrags bedürfen der schriftlichen Bestätigung durch AMPERION, um Gegenstand des vorliegenden Vertragsverhältnisses zu werden.
#### 4. Gewährleistung und Schadenersatz
a) Gewährleistungsansprüche können nur nach Mängelrügen erhoben werden, die ausschließlich durch eingeschriebenen Brief binnen 14 Tage ab Übergabe der Leistung oder Teilleistung zu erfolgen hat.
#### 3.3 Leistungsstandard
AMPERION verpflichtet sich zur ordnungsgemäßen Durchführung des erteilten Auftrags nach den allgemein anerkannten Regeln der Technik und den Grundsätzen der Wirtschaftlichkeit. Wir erbringen unsere Leistungen mit der von uns als Fachmann zu erwartenden Sorgfalt (§1299 ABGB).
b) Ansprüche auf Wandlung und Preisminderung sind ausgeschlossen. Ansprüche auf Verbesserung bzw. Nachtrag des Fehlenden sind vom Ingenieurbüro innerhalb angemessener Frist, die im allgemeinen ein Drittel der für die Durchführung der Leistung vereinbarten Frist betragen soll, zu erfüllen. Ein Anspruch auf Verspätungsschaden kann innerhalb dieser Frist nicht geltend gemacht werden.
#### 3.4 Heranziehung Dritter
AMPERION kann zur Vertragserfüllung andere entsprechend Befugte heranziehen und diesen im Namen und für Rechnung des Auftraggebers Aufträge erteilen. AMPERION ist jedoch verpflichtet, den Auftraggeber von dieser Absicht schriftlich zu verständigen und dem Auftraggeber die Möglichkeit einzuräumen, dieser Auftragserteilung an einen Dritten binnen 10 Tagen zu widersprechen.
c) Das Ingenieurbüro hat seine Leistungen mit der von ihm als Fachmann zu erwartenden Sorgfalt (§1299 ABGB) zu erbringen.
#### 3.5 Subplaner
AMPERION kann auch zur Vertragserfüllung andere entsprechend Befugte als Subplaner heranziehen und diesen im Namen und für Rechnung von AMPERION Aufträge erteilen. AMPERION ist jedoch verpflichtet, den Auftraggeber schriftlich zu verständigen, wenn beabsichtigt wird, Aufträge durch einen Subplaner durchführen zu lassen, und dem Auftraggeber die Möglichkeit einzuräumen, dieser Auftragserteilung an den Subplaner binnen einer Woche zu widersprechen; in diesem Fall hat AMPERION den Auftrag selbst durchzuführen.
#### 3.6 Nachträgliche Änderungen
Wir sind lediglich dann verpflichtet, nachträgliche Änderungs- und Erweiterungswünsche des Kunden zu berücksichtigen, wenn sie aus technischen Gründen erforderlich sind, um den Vertragszweck zu erreichen.
Dem unternehmerischen Kunden zumutbare sachlich gerechtfertigte geringfügige Änderungen unserer Leistungsausführung gelten als vorweg genehmigt.
#### 3.7 Verlängerung der Leistungsfrist
Kommt es nach der Auftragserteilung aus welchen Gründen auch immer zu einer Abänderung oder Ergänzung des Auftrages, so verlängert sich die Liefer-/Leistungsfrist um einen angemessenen Zeitraum.
#### 3.8 Beschleunigte Ausführung
Wünscht der Kunde nach Vertragsabschluss eine Leistungsausführung innerhalb eines kürzeren Zeitraums, stellt dies eine Vertragsänderung dar. Hierdurch können Überstunden notwendig werden und/oder durch die Beschleunigung der Materialbeschaffung Mehrkosten auflaufen, und erhöht sich das Entgelt im Verhältnis zum notwendigen Mehraufwand angemessen.
#### 3.9 Teillieferungen
Sachlich (z.B. Anlagengröße, Baufortschritt, u.a.) gerechtfertigte Teillieferungen und -leistungen sind zulässig und können gesondert in Rechnung gestellt werden.
### 4. Preise und Honorar
#### 4.1 Preisangaben
Preisangaben sind grundsätzlich nicht als Pauschalpreis zu verstehen. Für vom Kunden angeordnete Leistungen, die im ursprünglichen Auftrag keine Deckung finden, besteht Anspruch auf angemessenes Entgelt.
#### 4.2 Währung und Umsatzsteuer
Sämtliche Honorare sind mangels abweichender Angaben in EURO erstellt. In den angegebenen Honorarbeträgen ist die Umsatzsteuer (Mehrwertsteuer) nicht enthalten, diese ist gesondert vom Auftraggeber zu bezahlen.
#### 4.3 Nebenkosten
**Für Elektrotechnik-Leistungen:**
Preisangaben verstehen sich ab Lager. Verpackungs-, Transport-, Verladungs- und Versandkosten sowie Zoll und Versicherung gehen zu Lasten des unternehmerischen Kunden. Wir sind nur bei ausdrücklicher Vereinbarung verpflichtet, Verpackung zurückzunehmen.
**Für Ingenieurbüro-Leistungen:**
Nebenkosten wie Fahrtspesen, Kopierkosten, Versandkosten und ähnliches werden gesondert in Rechnung gestellt.
#### 4.4 Altmaterialentsorgung
Die fach- und umweltgerechte Entsorgung von Altmaterial hat der Kunde zu veranlassen. Werden wir gesondert hiermit beauftragt, ist dies vom Kunden zusätzlich im hierfür vereinbarten Ausmaß, mangels Entgeltsvereinbarung angemessen zu vergüten.
#### 4.5 Beigestellte Ware
**Für Elektrotechnik-Leistungen:**
Werden Geräte oder sonstige Materialien vom Kunden beigestellt, sind wir berechtigt, dem Kunden einen Zuschlag von 10% des Werts der beigestellten Geräte bzw. des Materials zu berechnen. Solche Beistellungen des Kunden sind nicht Gegenstand von Gewährleistung. Die Qualität und Betriebsbereitschaft der Beistellungen liegt in der Verantwortung des Kunden.
#### 4.6 Preisanpassungen
Wir sind aus eigenem berechtigt, wie auch auf Antrag des Kunden verpflichtet, die vertraglich vereinbarten Entgelte anzupassen, wenn Änderungen im Ausmaß von zumindest 5% hinsichtlich (a) der Lohnkosten durch Gesetz, Verordnung, Kollektivvertrag, Betriebsvereinbarungen oder (b) anderer zur Leistungserbringung notwendiger Kostenfaktoren wie Materialkosten aufgrund von Empfehlungen der Paritätischen Kommissionen oder von Änderungen der nationalen bzw. Weltmarktpreise für Rohstoffe, Änderungen relevanter Wechselkurse etc. seit Vertragsabschluss eingetreten sind. Die Anpassung erfolgt in dem Ausmaß, in dem sich die tatsächlichen Herstellungskosten im Zeitpunkt des Vertragsabschlusses ändern gegenüber jenen im Zeitpunkt der tatsächlichen Leistungserbringung, sofern wir uns nicht in Verzug befinden.
#### 4.7 Wertsicherung
Das Entgelt bei Dauerschuldverhältnissen wird als wertgesichert nach dem VPI 2010 vereinbart und erfolgt dadurch eine Anpassung der Entgelte. Als Ausgangsbasis wird der Monat zu Grunde gelegt, in dem der Vertrag abgeschlossen wurde.
#### 4.8 Kalkulationsgrundlage
Sofern nichts anderes vereinbart ist, sind die vom Fachverband Ingenieurbüros herausgegebenen Unverbindlichen Kalkulationsempfehlungen Vertragsinhalt.
#### 4.9 Aufmaß und Abrechnung
**Für Elektrotechnik-Leistungen:**
Bogenförmig verlegte Leitungen werden im Außenbogen gemessen. Formstücke und Einbauten werden im Rohrausmaß mitgemessen, jedoch separat verrechnet. Unterbrechungen bis maximal 1 Meter bleiben unberücksichtigt. Erfolgt die Abrechnung nach Aufmaßen und ist eine gemeinsame Ermittlung der Aufmaße vereinbart, hat der Kunde bei Fernbleiben trotz zeitgerechter Einladung zu beweisen, dass die ermittelten Ausmaße nicht richtig festgestellt wurden.
### 5. Zahlung
#### 5.1 Zahlungsfristen
**Standardregelung:**
Sofern nicht ausdrücklich Gegenteiliges vereinbart ist, hat die Zahlung ohne Abzüge binnen 14 Tagen ab Rechnungslegung auf das von AMPERION genannte Konto einer Bank mit inländischer Niederlassung zu erfolgen.
**Bei größeren Projekten (Elektrotechnik):**
Ein Drittel des Entgeltes wird bei Vertragsabschluss, ein Drittel bei Leistungsbeginn und der Rest nach Leistungsfertigstellung fällig.
#### 5.2 Skonto
Die Berechtigung zu einem Skontoabzug bedarf einer ausdrücklichen schriftlichen Vereinbarung.
#### 5.3 Zahlungswidmungen
Vom Kunden vorgenommene Zahlungswidmungen auf Überweisungsbelegen sind für uns nicht verbindlich.
#### 5.4 Verzugszinsen
Gegenüber Unternehmern als Kunden sind wir gemäß § 456 UGB bei verschuldetem Zahlungsverzug dazu berechtigt, 9,2% Punkte über dem Basiszinssatz zu verrechnen. Die Geltendmachung eines weiteren Verzugsschadens bleibt vorbehalten.
#### 5.5 Mahnspesen
Der Kunde verpflichtet sich im Falle von Zahlungsverzug, die zur Einbringlichmachung notwendigen und zweckentsprechenden Kosten (Mahnkosten, Inkassospesen, Rechtsanwaltskosten etc.) an uns zu ersetzen. Insbesondere verpflichtet sich der Kunde bei verschuldetem Zahlungsverzug zur Bezahlung von Mahnspesen pro Mahnung in Höhe von € 40,00, soweit dies im angemessenen Verhältnis zur betriebenen Forderung steht.
#### 5.6 Verzugsfolgen
Kommt der unternehmerische Kunde im Rahmen anderer mit uns bestehender Vertragsverhältnisse in Zahlungsverzug, so sind wir berechtigt, die Erfüllung unserer Verpflichtungen aus diesem Vertrag bis zur Erfüllung durch den Kunden einzustellen.
Wir sind dann auch berechtigt, alle Forderungen für bereits erbrachte Leistungen aus der laufenden Geschäftsbeziehung mit dem Kunden fällig zu stellen.
#### 5.7 Aufrechnung
Die Kompensation mit allfälligen Gegenforderungen, aus welchem Grunde auch immer, ist unzulässig. Eine Aufrechnungsbefugnis steht dem Kunden nur insoweit zu, als Gegenansprüche gerichtlich festgestellt oder von uns anerkannt worden sind.
#### 5.8 Vergütungen
Bei Überschreitung der Zahlungsfrist verfallen gewährte Vergütungen (Rabatte, Abschläge u.a.) und werden der Rechnung zugerechnet.
### 6. Mitwirkungspflichten des Kunden
#### 6.1 Voraussetzungen zur Leistungsausführung
Unsere Pflicht zur Leistungsausführung beginnt frühestens, sobald der Kunde alle baulichen, technischen sowie rechtlichen Voraussetzungen zur Ausführung geschaffen hat, die im Vertrag oder in vor Vertragsabschluss dem Kunden erteilten Informationen umschrieben wurden oder der Kunde aufgrund einschlägiger Fachkenntnis oder Erfahrung kennen musste.
#### 6.2 Informationspflichten
Insbesondere hat der Kunde vor Beginn der Leistungsausführung die nötigen Angaben über die Lage verdeckt geführter Strom-, Gas- und Wasserleitungen oder ähnlicher Vorrichtungen, Fluchtwege, sonstige Hindernisse baulicher Art, sonstige mögliche Störungsquellen, Gefahrenquellen sowie die erforderlichen statischen Angaben und allfällige diesbezügliche projektierte Änderungen unaufgefordert zur Verfügung zu stellen. Auftragsbezogene Details zu den notwendigen Angaben können bei uns erfragt werden.
#### 6.3 Folgen mangelnder Mitwirkung
Kommt der Kunde dieser Mitwirkungspflicht nicht nach, ist – ausschließlich im Hinblick auf die infolge falscher Kundenangaben nicht voll gegebene Leistungsfähigkeit – unsere Leistung nicht mangelhaft.
#### 6.4 Bewilligungen
Der Kunde hat die erforderlichen Bewilligungen Dritter sowie Meldungen und Bewilligungen durch Behörden (z.B. Anmeldung Strombezug) auf seine Kosten zu veranlassen. Auf diese weisen wir im Rahmen des Vertragsabschlusses hin, sofern nicht der Kunde darauf verzichtet hat oder der unternehmerische Kunde aufgrund Ausbildung oder Erfahrung über solches Wissen verfügen musste.
#### 6.5 Energie und Wasser
Die für die Leistungsausführung einschließlich des Probebetriebes erforderliche(n) Energie und Wassermengen sind vom Kunden auf dessen Kosten beizustellen.
#### 6.6 Technische Anlagen
Ebenso haftet der Kunde dafür, dass die technischen Anlagen, wie etwa Zuleitungen, Verkabelungen, Netzwerke und dergleichen in technisch einwandfreiem und betriebsbereitem Zustand sowie mit den von uns herzustellenden Werken oder Kaufgegenständen kompatibel sind. Wir sind berechtigt, aber nicht verpflichtet, diese Anlagen gegen gesondertes Entgelt zu überprüfen.
#### 6.7 Räumlichkeiten
Der Kunde hat uns für die Zeit der Leistungsausführung kostenlos versperrbare Räume für den Aufenthalt der Arbeiter sowie für die Lagerung von Werkzeugen und Materialien zur Verfügung zu stellen.
### 7. Leistungsfristen und Termine
#### 7.1 Höhere Gewalt
Fristen und Termine verschieben sich bei höherer Gewalt, Streik, nicht vorhersehbare und von uns nicht verschuldete Verzögerung unserer Zulieferer oder sonstigen vergleichbaren Ereignissen, die nicht in unserem Einflussbereich liegen (z.B. schlechte Witterung), in jenem Zeitraum, währenddessen das entsprechende Ereignis andauert. Davon unberührt bleibt das Recht des Kunden auf Rücktritt vom Vertrag bei Verzögerungen, die eine Bindung an den Vertrag unzumutbar machen.
#### 7.2 Kundenseitige Verzögerungen
Werden der Beginn der Leistungsausführung oder die Ausführung durch den Kunden zuzurechnende Umstände verzögert oder unterbrochen, insbesondere aufgrund der Verletzung der Mitwirkungspflichten gemäß Punkt 6 dieser AGB, so werden Leistungsfristen entsprechend verlängert und vereinbarte Fertigstellungstermine entsprechend hinausgeschoben.
#### 7.3 Lagerkosten bei Verzögerung
Wir sind berechtigt, für die dadurch notwendige Lagerung von Materialien und Geräten und dergleichen in unserem Betrieb 1% des Rechnungsbetrages je begonnenen Monat der Leistungsverzögerung zu verrechnen, wobei die Verpflichtung des Kunden zur Zahlung sowie dessen Abnahmeobliegenheit hiervon unberührt bleibt.
#### 7.4 Verbindlichkeit von Terminen
Unternehmerischen Kunden gegenüber sind Liefer- und Fertigstellungstermine nur verbindlich, wenn deren Einhaltung schriftlich zugesagt wurde.
#### 7.5 Verzug und Rücktritt
Bei Verzug mit der Vertragserfüllung durch uns steht dem Kunden ein Recht auf Rücktritt vom Vertrag nach Setzung einer angemessenen Nachfrist zu. Die Setzung der Nachfrist hat schriftlich (von unternehmerischen Kunden mittels eingeschriebenen Briefs) unter gleichzeitiger Androhung des Rücktritts zu erfolgen.
### 8. Hinweis auf Beschränkung des Leistungsumfanges speziell für Elektrotechnik Leistungen
#### 8.1 Mögliche Schäden
Im Rahmen von Montage- und Instandsetzungsarbeiten können Schäden (a) an bereits vorhandenen (Rohr-)Leitungen, Geräten als Folge nicht erkennbarer (insbesondere baulicher) Gegebenheiten oder Materialfehler des vorhandenen Bestands (b) bei Stemmarbeiten in bindungslosem Mauerwerk entstehen. Solche Schäden sind von uns nur zu verantworten, wenn wir diese schuldhaft verursacht haben.
#### 8.2 Behelfsmäßige Instandsetzungen
Bei behelfsmäßigen Instandsetzungen besteht lediglich eine sehr beschränkte und den Umständen entsprechende Haltbarkeit. Vom Kunden ist bei behelfsmäßiger Instandsetzung umgehend eine fachgerechte Instandsetzung zu veranlassen.
### 9. Gefahrtragung speziell für Elektrotechnik Leistungen und Warenlieferungen
#### 9.1 Gefahrübergang
Auf den unternehmerischen Kunden geht die Gefahr über, sobald wir den Kaufgegenstand, das Material oder das Werk zur Abholung im Werk oder Lager bereithalten, dieses selbst anliefern oder an einen Transporteur übergeben.
#### 9.2 Versicherung
Der unternehmerische Kunde wird sich gegen dieses Risiko entsprechend versichern. Wir verpflichten uns, eine Transportversicherung über schriftlichen Wunsch des Kunden auf dessen Kosten abzuschließen. Der Kunde genehmigt jede verkehrsübliche Versandart.
### 10. Annahmeverzug
#### 10.1 Anderweitige Verfügung
Gerät der Kunde länger als 2 Wochen in Annahmeverzug (Verweigerung der Annahme, Verzug mit Vorleistungen oder anders), und hat der Kunde trotz angemessener Nachfristsetzung nicht für die Beseitigung der ihm zuzurechnenden Umstände gesorgt, welche die Leistungsausführung verzögern oder verhindern, dürfen wir bei aufrechtem Vertrag über die für die Leistungsausführung spezifizierten Geräte und Materialien anderweitig verfügen, sofern wir im Fall der Fortsetzung der Leistungsausführung diese innerhalb einer den jeweiligen Gegebenheiten angemessenen Frist nachbeschaffen.
#### 10.2 Einlagerung
Bei Annahmeverzug des Kunden sind wir ebenso berechtigt, bei Bestehen auf Vertragserfüllung die Ware bei uns einzulagern, wofür uns eine Lagergebühr in Höhe von 0,5% des Rechnungsbetrages pro angefangener Woche zusteht.
#### 10.3 Rücktritt
Davon unberührt bleibt unser Recht, das Entgelt für erbrachte Leistungen fällig zu stellen und nach angemessener Nachfrist vom Vertrag zurückzutreten. Die Geltendmachung eines höheren Schadens ist zulässig.
### 11. Eigentumsvorbehalt speziell für Elektrotechnik Leistungen und Warenlieferungen
#### 11.1 Vorbehaltseigentum
Die von uns gelieferte, montierte oder sonst übergebene Ware bleibt bis zur vollständigen Bezahlung unser Eigentum.
#### 11.2 Weiterveräußerung
Eine Weiterveräußerung ist nur zulässig, wenn uns diese rechtzeitig vorher unter Angabe des Namens und der Anschrift des Käufers bekannt gegeben wurde und wir der Veräußerung zustimmen. Im Fall unserer Zustimmung gilt die Kaufpreisforderung des unternehmerischen Kunden bereits jetzt als an uns abgetreten.
#### 11.3 Herausgabeverlangen
Gerät der Kunde in Zahlungsverzug, sind wir bei angemessener Nachfristsetzung berechtigt, die Vorbehaltsware heraus zu verlangen.
#### 11.4 Mitteilungspflichten
Der Kunde hat uns von der Eröffnung des Konkurses über sein Vermögen oder der Pfändung unserer Vorbehaltsware unverzüglich zu verständigen.
#### 11.5 Zutrittsrecht
Wir sind berechtigt, zur Geltendmachung unseres Eigentumsvorbehaltes den Standort der Vorbehaltsware soweit für den Kunden zumutbar zu betreten; dies nach angemessener Vorankündigung.
#### 11.6 Kosten
Notwendige und zur zweckentsprechenden Rechtsverfolgung angemessene Kosten trägt der Kunde.
#### 11.7 Rücktritt
In der Geltendmachung des Eigentumsvorbehaltes liegt nur dann ein Rücktritt vom Vertrag, wenn dieser ausdrücklich erklärt wird.
#### 11.8 Verwertung
Die zurückgenommene Vorbehaltsware dürfen wir gegenüber unternehmerischen Kunden freihändig und bestmöglich verwerten.
#### 11.9 Rechte Dritter
Bis zur vollständigen Bezahlung aller unserer Forderungen darf der Leistungs-/Kaufgegenstand weder verpfändet, sicherungsübereignet oder sonst wie mit Rechten Dritter belastet werden. Bei Pfändung oder sonstiger Inanspruchnahme ist der Kunde verpflichtet, auf unser Eigentumsrecht hinzuweisen und uns unverzüglich zu verständigen.
### 12. Schutzrechte Dritter
#### 12.1 Geistige Schöpfungen des Kunden
Bringt der Kunde geistige Schöpfungen oder Unterlagen bei und werden hinsichtlich solcher Schöpfungen Schutzrechte Dritter geltend gemacht, so sind wir berechtigt, die Herstellung des Liefergegenstandes auf Risiko des Auftraggebers bis zur Klärung der Rechte Dritter einzustellen, und den Ersatz der von uns aufgewendeten notwendigen und zweckentsprechenden Kosten zu beanspruchen, außer die Unberechtigtheit der Ansprüche ist offenkundig.
#### 12.2 Schadloshaltung
Der Kunde hält uns diesbezüglich schad- und klaglos.
#### 12.3 Kostenersatz
Ebenso können wir den Ersatz von uns aufgewendeter notwendiger und nützlicher Kosten vom Kunden verlangen.
#### 12.4 Kostenvorschüsse
Wir sind berechtigt, von unternehmerischen Kunden für allfällige Prozesskosten angemessene Kostenvorschüsse zu verlangen.
### 13. Unser geistiges Eigentum
#### 13.1 Urheberrecht
AMPERION behält sich alle Rechte und Nutzungen an den von uns erstellten Unterlagen (insbesondere Pläne, Prospekte, technische Unterlagen, Berechnungen, Software) vor. Pläne, Skizzen, Kostenvoranschläge und sonstige Unterlagen, die von uns beigestellt oder durch unseren Beitrag entstanden sind, bleiben unser geistiges Eigentum.
#### 13.2 Nutzungsbeschränkung
Jede Nutzung (insbesondere Bearbeitung, Ausführung, Vervielfältigung, Verbreitung, öffentliche Vorführung, Zurverfügungstellung) der Unterlagen oder Teilen davon ist nur mit ausdrücklicher Zustimmung von AMPERION zulässig. Sämtliche Unterlagen dürfen daher nur für die bei Auftragserteilung oder durch eine nachfolgende Vereinbarung ausdrücklich festgelegten Zwecke verwendet werden.
Die Verwendung solcher Unterlagen außerhalb der bestimmungsgemäßen Nutzung, insbesondere die Weitergabe, Vervielfältigung, Veröffentlichung und Zur-Verfügung-Stellung einschließlich auch nur auszugsweisen Kopierens bedarf unserer ausdrücklichen Zustimmung.
#### 13.3 Namensnennung
AMPERION ist berechtigt, der Auftraggeber verpflichtet, bei Veröffentlichungen und Bekanntmachungen über das Projekt den Namen (Firma, Geschäftsbezeichnung) von AMPERION anzugeben.
#### 13.4 Vertragsstrafe
Im Falle des Zuwiderhandelns gegen diese Bestimmungen zum Schutz der Unterlagen hat AMPERION Anspruch auf eine Pönale in Höhe des doppelten angemessenen Entgelts der unautorisierten Nutzung, wobei die Geltendmachung eines darüber hinausgehenden Schadenersatzanspruches vorbehalten bleibt. Diese Pönale unterliegt nicht dem richterlichen Mäßigungsrecht. Die Beweislast, dass der Auftraggeber nicht die Unterlagen von AMPERION genutzt hat, obliegt dem Auftraggeber.
#### 13.5 Geheimhaltung
Der Kunde verpflichtet sich weiters zur Geheimhaltung des ihm aus der Geschäftsbeziehung zugegangenen Wissens Dritten gegenüber.
### 14. Geheimhaltung
#### 14.1 Vertraulichkeit
AMPERION ist zur Geheimhaltung aller vom Auftraggeber erteilten Informationen verpflichtet.
#### 14.2 Planungstätigkeit
AMPERION ist auch zur Geheimhaltung seiner Planungstätigkeit verpflichtet, wenn und solange der Auftraggeber an dieser Geheimhaltung ein berechtigtes Interesse hat. Nach Durchführung des Auftrages ist AMPERION berechtigt, das vertragsgegenständliche Werk gänzlich oder teilweise zu Werbezwecken zu veröffentlichen, sofern vertraglich nichts anderes vereinbart ist.
### 15. Gewährleistung
#### 15.1 Gesetzliche Gewährleistung
Es gelten die Bestimmungen über die gesetzliche Gewährleistung.
#### 15.2 Gewährleistungsfrist
Die Gewährleistungsfrist für unsere Leistungen beträgt gegenüber unternehmerischen Kunden ein Jahr ab Übergabe.
#### 15.3 Mängelrüge
Gewährleistungsansprüche können nur nach Mängelrügen erhoben werden, die ausschließlich durch eingeschriebenen Brief binnen 14 Tage ab Übergabe der Leistung oder Teilleistung zu erfolgen hat.
**Für Elektrotechnik-Leistungen zusätzlich:**
Mängel am Liefergegenstand, die der unternehmerische Kunde bei ordnungsgemäßem Geschäftsgang nach Ablieferung durch Untersuchung festgestellt hat oder feststellen hätte müssen, sind unverzüglich, spätestens 3 Tage nach Übergabe an uns schriftlich anzuzeigen. Wird eine Mängelrüge nicht rechtzeitig erhoben, gilt die Ware als genehmigt.
#### 15.4 Zeitpunkt der Übergabe
Der Zeitpunkt der Übergabe ist mangels abweichender Vereinbarung (z.B. förmliche Abnahme) der Fertigstellungszeitpunkt, spätestens wenn der Kunde die Leistung in seine Verfügungsmacht übernommen hat oder die Übernahme ohne Angabe von Gründen verweigert hat.
#### 15.5 Gemeinsame Übergabe
Ist eine gemeinsame Übergabe vorgesehen und bleibt der Kunde dem ihm mitgeteilten Übergabetermin fern, gilt die Übernahme als an diesem Tag erfolgt.
#### 15.6 Kein Anerkenntnis
Behebungen eines vom Kunden behaupteten Mangels stellen kein Anerkenntnis dieses vom Kunden behaupteten Mangels dar.
#### 15.7 Gewährleistungsrechte
Ansprüche auf Wandlung und Preisminderung sind ausgeschlossen. Ansprüche auf Verbesserung bzw. Nachtrag des Fehlenden sind von AMPERION innerhalb angemessener Frist, die im allgemeinen ein Drittel der für die Durchführung der Leistung vereinbarten Frist betragen soll, zu erfüllen. Ein Anspruch auf Verspätungsschaden kann innerhalb dieser Frist nicht geltend gemacht werden.
Zur Mängelbehebung sind uns seitens des unternehmerischen Kunden zumindest zwei Versuche einzuräumen.
Ein Wandlungsbegehren können wir durch Verbesserung oder angemessene Preisminderung abwenden, sofern es sich um keinen wesentlichen und unbehebbaren Mangel handelt.
#### 15.8 Unberechtigte Mängelbehauptungen
Sind die Mängelbehauptungen des Kunden unberechtigt, ist der Kunde verpflichtet, uns entstandene Aufwendungen für die Feststellung der Mängelfreiheit oder Fehlerbehebung zu ersetzen.
#### 15.9 Beweislast
Der unternehmerische Kunde hat stets zu beweisen, dass der Mangel zum Übergabezeitpunkt bereits vorhanden war.
#### 15.10 Nutzung trotz Mangel
Eine etwaige Nutzung oder Verarbeitung des mangelhaften Leistungsgegenstandes, durch welche ein weitergehender Schaden droht oder eine Ursachenerhebung erschwert oder verhindert wird, ist vom Kunden unverzüglich einzustellen, soweit dies nicht unzumutbar ist.
#### 15.11 Retournierung
Die mangelhafte Lieferung oder Proben davon sind – sofern wirtschaftlich vertretbar – vom unternehmerischen Kunden an uns zu retournieren. Im Zusammenhang mit der Mängelbehebung entstehende Transport- und Fahrtkosten gehen zu Lasten des Kunden.
#### 15.12 Mangelfeststellung
Den Kunden trifft die Obliegenheit, eine unverzügliche Mangelfeststellung durch uns zu ermöglichen.
#### 15.13 Ausschluss der Gewährleistung
Die Gewährleistung ist ausgeschlossen, wenn die technischen Anlagen des Kunden wie etwa Zuleitungen, Verkabelungen u.ä. nicht in technisch einwandfreiem und betriebsbereitem Zustand oder mit den gelieferten Gegenständen nicht kompatibel sind, soweit dieser Umstand kausal für den Mangel ist.
Keinen Mangel begründet der Umstand, dass das Werk zum vereinbarten Gebrauch nicht voll geeignet ist, wenn dies ausschließlich auf abweichende tatsächliche Gegebenheiten von den uns im Zeitpunkt der Leistungserbringung vorgelegenen Informationen basiert, weil der Kunde seinen Mitwirkungspflichten gemäß Punkt 6 nicht nachkommt.
### 16. Haftung und Schadenersatz
#### 16.1 Haftungsbeschränkung bei Vermögensschäden
Wegen Verletzung vertraglicher oder vorvertraglicher Pflichten, insbesondere wegen Unmöglichkeit, Verzug etc. haften wir bei Vermögensschäden nur in Fällen von Vorsatz oder grober Fahrlässigkeit aufgrund der technischen Besonderheiten.
AMPERION hat seine Leistungen mit der von ihm als Fachmann zu erwartenden Sorgfalt (§1299 ABGB) zu erbringen.
#### 16.2 Haftungshöchstbetrag
Hat AMPERION in Verletzung seiner vertraglichen Pflichten dem Auftraggeber schuldhaft einen Schaden zugefügt, ist dessen Haftung für den Ersatz des dadurch verursachten Schadens – wenn im Einzelfall nicht anders geregelt – bei leichter Fahrlässigkeit wie folgt begrenzt:
d) Hat das Ingenieurbüro in Verletzung seiner vertraglichen Pflichten dem Auftraggeber schuldhaft einen Schaden zugefügt, ist dessen Haftung für den Ersatz des dadurch verursachten Schadens - wenn im Einzelfall nicht anders geregelt - bei leichter Fahrlässigkeit wie folgt begrenzt:
1. bei Rücktritt und bei Personenschäden ohne Begrenzung,
2. in allen anderen Fällen mit folgenden Begrenzungen:
- bei einer Auftragssumme bis 250.000,00 Euro: höchstens 12.500,00 Euro;
- bei einer Auftragssumme über 250.000,00 Euro: 5% der Auftragssumme, jedoch höchstens 750.000,00 Euro.
3. Die Haftung bei Folgeschäden und entgangenem Gewinn ist auch bei grober Fahrlässigkeit ausgeschlossen, sofern im Einzelfall nichts anderes geregelt ist.
Gegenüber unternehmerischen Kunden ist die Haftung beschränkt mit dem Haftungshöchstbetrag einer allenfalls durch uns abgeschlossenen Haftpflichtversicherung.
bei einer Auftragssumme bis 250.000,00 Euro: höchstens 12.500,00 Euro;
#### 16.3 Bearbeitungshaftung
Diese Beschränkung gilt auch hinsichtlich des Schadens an einer Sache, die wir zur Bearbeitung übernommen haben.
bei einer Auftragssumme über 250.000,00 Euro: 5 % der Auftragssumme, jedoch höchstens 750.000,00 Euro.
#### 16.4 Verjährung
Schadenersatzansprüche unternehmerischer Kunden sind bei sonstigem Verfall binnen zwei Jahre gerichtlich geltend zu machen.
3. Die Haftung bei Folgeschäden und entgangenen Gewinn ist auch bei grober Fahrlässigkeit ausgeschlossen, sofern im Einzelfall nichts anderes geregelt ist.
#### 16.5 Haftungsausschluss für Mitarbeiter
Der Haftungsausschluss umfasst auch Ansprüche gegen unsere Mitarbeiter, Vertreter und Erfüllungsgehilfen aufgrund Schädigungen, die diese dem Kunden – ohne Bezug auf einen Vertrag ihrerseits mit dem Kunden – zufügen.
#### 16.6 Ausschluss bei unsachgemäßer Behandlung
Unsere Haftung ist ausgeschlossen für Schäden durch unsachgemäße Behandlung oder Lagerung, Überbeanspruchung, Nichtbefolgen von Bedienungs- und Installationsvorschriften, fehlerhafter Montage, Inbetriebnahme, Wartung, Instandhaltung durch den Kunden oder nicht von uns autorisierte Dritte, oder natürliche Abnutzung, sofern dieses Ereignis kausal für den Schaden war. Ebenso besteht der Haftungsausschluss für Unterlassung notwendiger Wartungen, sofern wir nicht vertraglich die Pflicht zur Wartung übernommen haben.
#### 5. Rücktritt vom Vertrag
a) Ein Rücktritt vom Vertrag ist nur aus wichtigem Grund zulässig.
#### 16.7 Versicherungsleistungen
Wenn und soweit der Kunde für Schäden, für die wir haften, Versicherungsleistungen durch eine eigene oder zu seinen Gunsten abgeschlossene Schadenversicherung (z.B. Haftpflichtversicherung, Kasko, Transport, Feuer, Betriebsunterbrechung und andere) in Anspruch nehmen kann, verpflichtet sich der Kunde zur Inanspruchnahme der Versicherungsleistung und beschränkt sich unsere Haftung insoweit auf die Nachteile, die dem Kunden durch die Inanspruchnahme dieser Versicherung entstehen (z.B. höhere Versicherungsprämie).
b) Bei Verzug des Ingenieurbüros mit einer Leistung ist ein Rücktritt des Auftraggebers erst nach Setzen einer angemessenen Nachfrist möglich; die Nachfrist ist mit eingeschriebenem Brief zu setzen.
### 17. Rücktritt vom Vertrag
c) Bei Verzug des Auftraggebers bei einer Teilleistung oder einer vereinbarten Mitwirkungstätigkeit, der die Durchführung des Auftrages durch das Ingenieurbüro unmöglich macht oder erheblich behindert, ist das Ingenieurbüro zum Vertragsrücktritt berechtigt.
#### 17.1 Rücktrittsgrund
Ein Rücktritt vom Vertrag ist nur aus wichtigem Grund zulässig.
d) Ist das Ingenieurbüro zum Vertragsrücktritt berechtigt, so behält dieses den Anspruch auf das gesamte vereinbarte Honorar, ebenso bei unberechtigtem Rücktritt des Auftraggebers. Weiters findet §1168 ABGB Anwendung; bei berechtigtem Rücktritt des Auftraggebers sind von diesem die vom Ingenieurbüro erbrachten Leistungen zu honorieren.
#### 17.2 Rücktritt bei Verzug von AMPERION
Bei Verzug von AMPERION mit einer Leistung ist ein Rücktritt des Auftraggebers erst nach Setzen einer angemessenen Nachfrist möglich; die Nachfrist ist mit eingeschriebenem Brief zu setzen.
#### 17.3 Rücktritt bei Verzug des Auftraggebers
Bei Verzug des Auftraggebers bei einer Teilleistung oder einer vereinbarten Mitwirkungstätigkeit, der die Durchführung des Auftrages durch AMPERION unmöglich macht oder erheblich behindert, ist AMPERION zum Vertragsrücktritt berechtigt.
#### 6. Honorar, Leistungsumfang
a) Sämtliche Honorare sind mangels abweichender Angaben in EURO erstellt.
#### 17.4 Honoraranspruch bei Rücktritt
Ist AMPERION zum Vertragsrücktritt berechtigt, so behält dieses den Anspruch auf das gesamte vereinbarte Honorar, ebenso bei unberechtigtem Rücktritt des Auftraggebers. Weiters findet §1168 ABGB Anwendung; bei berechtigtem Rücktritt des Auftraggebers sind von diesem die von AMPERION erbrachten Leistungen zu honorieren.
b) In den angegebenen Honorarbeträgen ist die Umsatzsteuer (Mehrwertsteuer) nicht enthalten, diese ist gesondert vom Auftraggeber zu bezahlen.
### 18. Bonitätsprüfung
c) Die Kompensation mit allfälligen Gegenforderungen, aus welchem Grunde auch immer, ist unzulässig.
Der Kunde erklärt sein ausdrückliches Einverständnis, dass seine Daten ausschließlich zum Zwecke des Gläubigerschutzes an die staatlich bevorrechteten Gläubigerschutzverbände Alpenländischer Kreditorenverband (AKV), Österreichischer Verband Creditreform (ÖVC), Insolvenzschutzverband für Arbeitnehmer oder Arbeitnehmerinnen (ISA) und Kreditschutzverband von 1870 (KSV) übermittelt werden dürfen.
d) Sofern nichts anderes vereinbart ist, sind die vom Fachverband Ingenieurbüros herausgegebenen Unverbindlichen Kalkulationsempfehlungen Vertragsinhalt.
### 19. Salvatorische Klausel
e) Sofern nicht ausdrücklich Gegenteiliges vereinbart ist, hat die Zahlung ohne Abzüge binnen 14 Tagen ab Rechnungslegung auf das vom Ingenieurbüro genannte Konto einer Bank mit inländischer Niederlassung zu erfolgen. Im Fall des Zahlungsverzuges sind Zinsen in Höhe von 9,2 % per anno über dem Basiszinssatz der EZB zuzüglich Mahnspesen zu entrichten.
#### 19.1 Teilunwirksamkeit
Sollten einzelne Teile dieser AGB unwirksam sein, so wird dadurch die Gültigkeit der übrigen Teile nicht berührt.
#### 19.2 Ersatzregelung
Wir, wie ebenso wie der unternehmerische Kunde, verpflichten uns jetzt schon, gemeinsam – ausgehend vom Horizont redlicher Vertragsparteien – eine Ersatzregelung zu treffen, die dem wirtschaftlichen Ergebnis der unwirksamen Bedingung am nächsten kommt.
#### 7. Erfüllungsort
Erfüllungsort für alle Büroleistungen ist der Sitz des Ingenieurbüros.
### 20. Allgemeines
#### 20.1 Anwendbares Recht
Für Verträge zwischen Auftraggeber und AMPERION kommt ausschließlich österreichisches Recht zur Anwendung. Das UN-Kaufrecht ist ausgeschlossen.
#### 8. Geheimhaltung
a) Das Ingenieurbüro ist zur Geheimhaltung aller vom Auftraggeber erteilten Informationen verpflichtet.
#### 20.2 Erfüllungsort
Erfüllungsort für alle Büroleistungen ist der Sitz von AMPERION in Niederösterreich.
b) Das Ingenieurbüro ist auch zur Geheimhaltung seiner Planungstätigkeit verpflichtet, wenn und solange der Auftraggeber an dieser Geheimhaltung ein berechtigtes Interesse hat. Nach Durchführung des Auftrages ist das Ingenieurbüro berechtigt, das vertragsgegenständliche Werk gänzlich oder teilweise zu Werbezwecken zu veröffentlichen, sofern vertraglich nichts anderes vereinbart ist.
#### 20.3 Gerichtsstand
Für alle Streitigkeiten aus diesem Vertrag wird die Zuständigkeit des sachlich zuständigen Gerichts am Sitz von AMPERION in Niederösterreich vereinbart. Gerichtsstand für Verbraucher, sofern dieser seinen Wohnsitz im Inland hat, ist das Gericht, in dessen Sprengel der Verbraucher seinen gewöhnlichen Aufenthalt oder Ort der Beschäftigung hat.
#### 20.4 Höhere Gewalt - COVID-19 und ähnliche Ereignisse
Die derzeit herrschende Ungewissheit aufgrund von Pandemien, Epidemien oder ähnlichen Ereignissen höherer Gewalt ist dem Kunden und uns bewusst und dies wurde in die Geschäftsgrundlage mit einbezogen. Der Kunde erklärt ausdrücklich, dass er mit den Rechtsfolgen bei Annahmeverzug (insbesondere gemäß Punkt 10) einverstanden ist.
#### 9. Schutz der Pläne
a) Das Ingenieurbüro behält sich alle Rechte und Nutzungen an den von ihm erstellten Unterlagen (insbesondere Pläne, Prospekte, technische Unterlagen) vor.
b) Jede Nutzung (insbesondere Bearbeitung, Ausführung, Vervielfältigung, Verbreitung, öffentliche Vorführung, Zurverfügungstellung) der Unterlagen oder Teilen davon ist nur mit ausdrücklicher Zustimmung des Ingenieurbüros zulässig. Sämtliche Unterlagen dürfen daher nur für die bei Auftragserteilung oder durch eine nachfolgende Vereinbarung ausdrücklich festgelegten Zwecke verwendet werden.
c) Das Ingenieurbüro ist berechtigt, der Auftraggeber verpflichtet, bei Veröffentlichungen und Bekanntmachungen über das Projekt den Namen (Firma, Geschäftsbezeichnung) des Ingenieurbüros anzugeben.
d) Im Falle des Zuwiderhandelns gegen diese Bestimmungen zum Schutz der Unterlagen hat das Ingenieurbüro Anspruch auf eine Pönale in Höhe des doppelten angemessenen Entgelts der unautorisierten Nutzung, wobei die Geltendmachung eines darüber hinausgehenden Schadenersatzanspruches vorbehalten bleibt. Diese Pönale unterliegt nicht dem richterlichen Mäßigungsrecht. Die Beweislast, dass der Auftraggeber nicht die Unterlagen des Ingenieurbüros genutzt hat, obliegt dem Auftraggeber.
#### 10. Rechtswahl, Gerichtsstand
a) Für Verträge zwischen Auftraggeber und Ingenieurbüro kommt ausschließlich österreichisches Recht zur Anwendung.
b) Für alle Streitigkeiten aus diesem Vertrag wird die Zuständigkeit des sachlich zuständigen Gerichts am Sitz des Ingenieurbüros vereinbart.

6
content/german/blog/_index.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "Neuigkeiten"
description: "this is meta description"
draft: false
bg_image: ""
---

64
content/german/blog/blog-post-1.md Normal file
View file

@ -0,0 +1,64 @@
---
title: "How To Wear Bright Shoes"
date: 2018-09-24T11:07:10+06:00
author: John Doe
image : "images/blog/blog-post-1.jpg"
bg_image: "images/feature-bg.jpg"
categories: ["Company News"]
tags: ["Advice","Technology"]
description: "this is meta description"
draft: false
type: "post"
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores
vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis
a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere. </p>
> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes
nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum illo deserunt necessitatibus quibusdam sint,
eos explicabo tenetur molestiae vero facere, aspernatur sit mollitia perferendis reiciendis. Deleniti magni
explicabo sed alias fugit amet animi molestias ipsum maiores. Praesentium sint, id laborum quos. Tempora
inventore est, dolor corporis quis doloremque nostrum, eos velit culpa quasi labore. Provident laborum porro
nihil iste, magnam officia nemo praesentium autem, libero vel officiis. Omnis pariatur nam voluptatem voluptate
at officia repellat ea beatae eligendi? Mollitia error saepe, aperiam facere. Optio maiores deleniti veritatis
eaque commodi atque aperiam, debitis iste alias eligendi ut facilis earum! Impedit, tempore.</p>
```
.blog-classic {
margin-bottom: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #efefef;
}
```
* hello
* hello
* hello
* hello
* hello
1. hello
2. hello
3. hello
4. hello
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex error esse a dolore, architecto sapiente, aliquid
commodi, laudantium eius nemo enim. Enim, fugit voluptatem rem molestiae. Sed totam quis accusantium iste
nesciunt id exercitationem cumque repudiandae voluptas perspiciatis, consequatur quasi, molestias, culpa odio
adipisci. Nesciunt optio fugiat iste quam modi, ex vitae odio pariatur! Corrupti explicabo at harum qui
doloribus, sit dicta nemo, dolor, enim eum molestias fugiat obcaecati autem eligendi? Nisi delectus eaque
architecto voluptatibus, unde sit minus quae quod eligendi soluta recusandae doloribus, officia, veritatis
voluptatum eius aliquam quos. Consectetur, nisi? Veritatis totam, unde nostrum exercitationem tempora suscipit,
molestias, deserunt ipsum laborum aut iste eaque? Vitae delectus dicta maxime non mollitia? Sapiente eos a quia
eligendi deserunt repudiandae modi molestias tenetur autem pariatur ullam itaque, quas eveniet, illo quam rerum
ex obcaecati voluptatum nesciunt incidunt culpa provident illum soluta. Voluptas possimus nesciunt inventore
perspiciatis neque fugiat, magnam natus repellendus praesentium eum voluptatum, alias incidunt, tempora
reprehenderit recusandae et numquam itaque ratione dolor voluptatibus in commodi ut! Neque deserunt nostrum
commodi dolor natus quo, non vitae deleniti, vero voluptatem error aspernatur veniam expedita numquam amet quia
in dolores velit esse molestiae! Iusto architecto accusantium quisquam recusandae quod vero quia.</p>

52
content/german/blog/blog-post-2.md Normal file
View file

@ -0,0 +1,52 @@
---
title: "How To Wear Bright Shoes"
date: 2018-09-24T11:07:10+06:00
author: Mark Dinn
image : "images/blog/blog-post-2.jpg"
bg_image: "images/feature-bg.jpg"
categories: ["Artificial Intelligence"]
tags: ["Advice","Retro"]
description: "this is meta description"
draft: false
type: "post"
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores
vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis
a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere. </p>
> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes
nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum illo deserunt necessitatibus quibusdam sint,
eos explicabo tenetur molestiae vero facere, aspernatur sit mollitia perferendis reiciendis. Deleniti magni
explicabo sed alias fugit amet animi molestias ipsum maiores. Praesentium sint, id laborum quos. Tempora
inventore est, dolor corporis quis doloremque nostrum, eos velit culpa quasi labore. Provident laborum porro
nihil iste, magnam officia nemo praesentium autem, libero vel officiis. Omnis pariatur nam voluptatem voluptate
at officia repellat ea beatae eligendi? Mollitia error saepe, aperiam facere. Optio maiores deleniti veritatis
eaque commodi atque aperiam, debitis iste alias eligendi ut facilis earum! Impedit, tempore.</p>
```
.blog-classic {
margin-bottom: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #efefef;
}
```
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex error esse a dolore, architecto sapiente, aliquid
commodi, laudantium eius nemo enim. Enim, fugit voluptatem rem molestiae. Sed totam quis accusantium iste
nesciunt id exercitationem cumque repudiandae voluptas perspiciatis, consequatur quasi, molestias, culpa odio
adipisci. Nesciunt optio fugiat iste quam modi, ex vitae odio pariatur! Corrupti explicabo at harum qui
doloribus, sit dicta nemo, dolor, enim eum molestias fugiat obcaecati autem eligendi? Nisi delectus eaque
architecto voluptatibus, unde sit minus quae quod eligendi soluta recusandae doloribus, officia, veritatis
voluptatum eius aliquam quos. Consectetur, nisi? Veritatis totam, unde nostrum exercitationem tempora suscipit,
molestias, deserunt ipsum laborum aut iste eaque? Vitae delectus dicta maxime non mollitia? Sapiente eos a quia
eligendi deserunt repudiandae modi molestias tenetur autem pariatur ullam itaque, quas eveniet, illo quam rerum
ex obcaecati voluptatum nesciunt incidunt culpa provident illum soluta. Voluptas possimus nesciunt inventore
perspiciatis neque fugiat, magnam natus repellendus praesentium eum voluptatum, alias incidunt, tempora
reprehenderit recusandae et numquam itaque ratione dolor voluptatibus in commodi ut! Neque deserunt nostrum
commodi dolor natus quo, non vitae deleniti, vero voluptatem error aspernatur veniam expedita numquam amet quia
in dolores velit esse molestiae! Iusto architecto accusantium quisquam recusandae quod vero quia.</p>

52
content/german/blog/blog-post-3.md Normal file
View file

@ -0,0 +1,52 @@
---
title: "How To Wear Bright Shoes"
date: 2018-09-24T11:07:10+06:00
author: Mark Dinn
image : "images/blog/blog-post-3.jpg"
bg_image: "images/feature-bg.jpg"
categories: ["Legacy Support"]
tags: ["Android","Retro"]
description: "this is meta description"
draft: false
type: "post"
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores
vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis
a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere.
> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes
nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum illo deserunt necessitatibus quibusdam sint,
eos explicabo tenetur molestiae vero facere, aspernatur sit mollitia perferendis reiciendis. Deleniti magni
explicabo sed alias fugit amet animi molestias ipsum maiores. Praesentium sint, id laborum quos. Tempora
inventore est, dolor corporis quis doloremque nostrum, eos velit culpa quasi labore. Provident laborum porro
nihil iste, magnam officia nemo praesentium autem, libero vel officiis. Omnis pariatur nam voluptatem voluptate
at officia repellat ea beatae eligendi? Mollitia error saepe, aperiam facere. Optio maiores deleniti veritatis
eaque commodi atque aperiam, debitis iste alias eligendi ut facilis earum! Impedit, tempore.
```
.blog-classic {
margin-bottom: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #efefef;
}
```
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex error esse a dolore, architecto sapiente, aliquid
commodi, laudantium eius nemo enim. Enim, fugit voluptatem rem molestiae. Sed totam quis accusantium iste
nesciunt id exercitationem cumque repudiandae voluptas perspiciatis, consequatur quasi, molestias, culpa odio
adipisci. Nesciunt optio fugiat iste quam modi, ex vitae odio pariatur! Corrupti explicabo at harum qui
doloribus, sit dicta nemo, dolor, enim eum molestias fugiat obcaecati autem eligendi? Nisi delectus eaque
architecto voluptatibus, unde sit minus quae quod eligendi soluta recusandae doloribus, officia, veritatis
voluptatum eius aliquam quos. Consectetur, nisi? Veritatis totam, unde nostrum exercitationem tempora suscipit,
molestias, deserunt ipsum laborum aut iste eaque? Vitae delectus dicta maxime non mollitia? Sapiente eos a quia
eligendi deserunt repudiandae modi molestias tenetur autem pariatur ullam itaque, quas eveniet, illo quam rerum
ex obcaecati voluptatum nesciunt incidunt culpa provident illum soluta. Voluptas possimus nesciunt inventore
perspiciatis neque fugiat, magnam natus repellendus praesentium eum voluptatum, alias incidunt, tempora
reprehenderit recusandae et numquam itaque ratione dolor voluptatibus in commodi ut! Neque deserunt nostrum
commodi dolor natus quo, non vitae deleniti, vero voluptatem error aspernatur veniam expedita numquam amet quia
in dolores velit esse molestiae! Iusto architecto accusantium quisquam recusandae quod vero quia.

52
content/german/blog/blog-post-4.md Normal file
View file

@ -0,0 +1,52 @@
---
title: "How To Wear Bright Shoes"
date: 2018-09-24T11:07:10+06:00
author: John Doe
image : "images/blog/blog-post-4.jpg"
bg_image: "images/feature-bg.jpg"
categories: ["Legacy Support"]
tags: ["Mechine","Retro"]
description: "this is meta description"
draft: false
type: "post"
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores
vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis
a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere.
> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes
nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum illo deserunt necessitatibus quibusdam sint,
eos explicabo tenetur molestiae vero facere, aspernatur sit mollitia perferendis reiciendis. Deleniti magni
explicabo sed alias fugit amet animi molestias ipsum maiores. Praesentium sint, id laborum quos. Tempora
inventore est, dolor corporis quis doloremque nostrum, eos velit culpa quasi labore. Provident laborum porro
nihil iste, magnam officia nemo praesentium autem, libero vel officiis. Omnis pariatur nam voluptatem voluptate
at officia repellat ea beatae eligendi? Mollitia error saepe, aperiam facere. Optio maiores deleniti veritatis
eaque commodi atque aperiam, debitis iste alias eligendi ut facilis earum! Impedit, tempore.
```
.blog-classic {
margin-bottom: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #efefef;
}
```
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex error esse a dolore, architecto sapiente, aliquid
commodi, laudantium eius nemo enim. Enim, fugit voluptatem rem molestiae. Sed totam quis accusantium iste
nesciunt id exercitationem cumque repudiandae voluptas perspiciatis, consequatur quasi, molestias, culpa odio
adipisci. Nesciunt optio fugiat iste quam modi, ex vitae odio pariatur! Corrupti explicabo at harum qui
doloribus, sit dicta nemo, dolor, enim eum molestias fugiat obcaecati autem eligendi? Nisi delectus eaque
architecto voluptatibus, unde sit minus quae quod eligendi soluta recusandae doloribus, officia, veritatis
voluptatum eius aliquam quos. Consectetur, nisi? Veritatis totam, unde nostrum exercitationem tempora suscipit,
molestias, deserunt ipsum laborum aut iste eaque? Vitae delectus dicta maxime non mollitia? Sapiente eos a quia
eligendi deserunt repudiandae modi molestias tenetur autem pariatur ullam itaque, quas eveniet, illo quam rerum
ex obcaecati voluptatum nesciunt incidunt culpa provident illum soluta. Voluptas possimus nesciunt inventore
perspiciatis neque fugiat, magnam natus repellendus praesentium eum voluptatum, alias incidunt, tempora
reprehenderit recusandae et numquam itaque ratione dolor voluptatibus in commodi ut! Neque deserunt nostrum
commodi dolor natus quo, non vitae deleniti, vero voluptatem error aspernatur veniam expedita numquam amet quia
in dolores velit esse molestiae! Iusto architecto accusantium quisquam recusandae quod vero quia.

52
content/german/blog/blog-post-5.md Normal file
View file

@ -0,0 +1,52 @@
---
title: "How To Wear Bright Shoes"
date: 2018-09-24T11:07:10+06:00
author: Mark Dinn
image : "images/blog/blog-post-5.jpg"
bg_image: "images/feature-bg.jpg"
categories: ["Artificial Intelligence"]
tags: ["Advice","AI"]
description: "this is meta description"
draft: false
type: "post"
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores
vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis
a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere. </p>
> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes
nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum illo deserunt necessitatibus quibusdam sint,
eos explicabo tenetur molestiae vero facere, aspernatur sit mollitia perferendis reiciendis. Deleniti magni
explicabo sed alias fugit amet animi molestias ipsum maiores. Praesentium sint, id laborum quos. Tempora
inventore est, dolor corporis quis doloremque nostrum, eos velit culpa quasi labore. Provident laborum porro
nihil iste, magnam officia nemo praesentium autem, libero vel officiis. Omnis pariatur nam voluptatem voluptate
at officia repellat ea beatae eligendi? Mollitia error saepe, aperiam facere. Optio maiores deleniti veritatis
eaque commodi atque aperiam, debitis iste alias eligendi ut facilis earum! Impedit, tempore.</p>
```
.blog-classic {
margin-bottom: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #efefef;
}
```
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex error esse a dolore, architecto sapiente, aliquid
commodi, laudantium eius nemo enim. Enim, fugit voluptatem rem molestiae. Sed totam quis accusantium iste
nesciunt id exercitationem cumque repudiandae voluptas perspiciatis, consequatur quasi, molestias, culpa odio
adipisci. Nesciunt optio fugiat iste quam modi, ex vitae odio pariatur! Corrupti explicabo at harum qui
doloribus, sit dicta nemo, dolor, enim eum molestias fugiat obcaecati autem eligendi? Nisi delectus eaque
architecto voluptatibus, unde sit minus quae quod eligendi soluta recusandae doloribus, officia, veritatis
voluptatum eius aliquam quos. Consectetur, nisi? Veritatis totam, unde nostrum exercitationem tempora suscipit,
molestias, deserunt ipsum laborum aut iste eaque? Vitae delectus dicta maxime non mollitia? Sapiente eos a quia
eligendi deserunt repudiandae modi molestias tenetur autem pariatur ullam itaque, quas eveniet, illo quam rerum
ex obcaecati voluptatum nesciunt incidunt culpa provident illum soluta. Voluptas possimus nesciunt inventore
perspiciatis neque fugiat, magnam natus repellendus praesentium eum voluptatum, alias incidunt, tempora
reprehenderit recusandae et numquam itaque ratione dolor voluptatibus in commodi ut! Neque deserunt nostrum
commodi dolor natus quo, non vitae deleniti, vero voluptatem error aspernatur veniam expedita numquam amet quia
in dolores velit esse molestiae! Iusto architecto accusantium quisquam recusandae quod vero quia.</p>

52
content/german/blog/blog-post-6.md Normal file
View file

@ -0,0 +1,52 @@
---
title: "How To Wear Bright Shoes"
date: 2018-09-24T11:07:10+06:00
author: John Doe
image : "images/blog/blog-post-6.jpg"
bg_image: "images/feature-bg.jpg"
categories: ["Company News"]
tags: ["News","Retro","AI","Company"]
description: "this is meta description"
draft: false
type: "post"
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae placeat ad architecto nostrum asperiores
vel aperiam, veniam eum nulla. Maxime cum magnam, adipisci architecto quibusdam cumque veniam fugiat quae. Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Odio vitae ab doloremque accusamus sit, eos dolorum officiis
a perspiciatis aliquid. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, facere.
> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes
nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum illo deserunt necessitatibus quibusdam sint,
eos explicabo tenetur molestiae vero facere, aspernatur sit mollitia perferendis reiciendis. Deleniti magni
explicabo sed alias fugit amet animi molestias ipsum maiores. Praesentium sint, id laborum quos. Tempora
inventore est, dolor corporis quis doloremque nostrum, eos velit culpa quasi labore. Provident laborum porro
nihil iste, magnam officia nemo praesentium autem, libero vel officiis. Omnis pariatur nam voluptatem voluptate
at officia repellat ea beatae eligendi? Mollitia error saepe, aperiam facere. Optio maiores deleniti veritatis
eaque commodi atque aperiam, debitis iste alias eligendi ut facilis earum! Impedit, tempore.
```
.blog-classic {
margin-bottom: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #efefef;
}
```
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex error esse a dolore, architecto sapiente, aliquid
commodi, laudantium eius nemo enim. Enim, fugit voluptatem rem molestiae. Sed totam quis accusantium iste
nesciunt id exercitationem cumque repudiandae voluptas perspiciatis, consequatur quasi, molestias, culpa odio
adipisci. Nesciunt optio fugiat iste quam modi, ex vitae odio pariatur! Corrupti explicabo at harum qui
doloribus, sit dicta nemo, dolor, enim eum molestias fugiat obcaecati autem eligendi? Nisi delectus eaque
architecto voluptatibus, unde sit minus quae quod eligendi soluta recusandae doloribus, officia, veritatis
voluptatum eius aliquam quos. Consectetur, nisi? Veritatis totam, unde nostrum exercitationem tempora suscipit,
molestias, deserunt ipsum laborum aut iste eaque? Vitae delectus dicta maxime non mollitia? Sapiente eos a quia
eligendi deserunt repudiandae modi molestias tenetur autem pariatur ullam itaque, quas eveniet, illo quam rerum
ex obcaecati voluptatum nesciunt incidunt culpa provident illum soluta. Voluptas possimus nesciunt inventore
perspiciatis neque fugiat, magnam natus repellendus praesentium eum voluptatum, alias incidunt, tempora
reprehenderit recusandae et numquam itaque ratione dolor voluptatibus in commodi ut! Neque deserunt nostrum
commodi dolor natus quo, non vitae deleniti, vero voluptatem error aspernatur veniam expedita numquam amet quia
in dolores velit esse molestiae! Iusto architecto accusantium quisquam recusandae quod vero quia.

39
content/german/blog/date-i18n.md Normal file
View file

@ -0,0 +1,39 @@
---
title: "Pretty-print dates"
date: 2021-04-01T00:00:00+01:00
author: John Doe
image : "images/blog/blog-post-1.jpg"
bg_image: "images/feature-bg.jpg"
categories: ["Technical Assistance"]
tags: ["How to", "Technology"]
draft: false
type: "post"
---
Um einen [ISO-8601](https://en.wikipedia.org/wiki/ISO_8601)-Zeitstempel in der aktuellen Sprache auszuschreiben, kann der Shortcode `date_l10n` verwendet werden:
Wenn
```
{{%/* date_l10n "2020-10-20" */%}}
```
geschrieben wird, resultiert
```
{{% date_l10n "2020-10-20" %}}
```
Optional kann ein anderes [Format-Layout](https://gohugo.io/functions/dateformat/#datetime-formatting-layouts) spezifiert werden:
Beispielsweise resultiert folgendes
```
{{%/* date_l10n "2020-10-20" ":date_short" */%}}
```
in
```
{{% date_l10n "2020-10-20" ":date_short" %}}
```

4
content/german/contact.md
View file

@ -5,10 +5,6 @@ bg_image: ""
layout: "contact"
draft: false
# SEO
meta_title: "Kontakt & Projektanfrage | AMPERION"
meta_description: "Rückmeldung innerhalb von 24 Stunden. Jetzt Projekt anfragen – Photovoltaik, Speicher, Ladeinfrastruktur."
############################# call to action #################################
cta:
enable : true

32
content/german/danke.md
View file

@ -1,32 +0,0 @@
---
title: "Danke"
description: ""
subtitle : ""
lastmod: 2024-07-22T00:00:00
layout: "danke"
draft: false
---
## Vielen Dank!
Ihre Nachricht wurde erfolgreich gesendet. Wir melden uns bald bei Ihnen.
<div style="margin-top: 20px;">
<a href="/" class="button">Zurück zu Amperion</a>
</div>
<style>
.button {
display: inline-block;
padding: 10px 20px;
background-color: #007BFF;
color: white;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
}
.button:hover {
background-color: #0056b3;
}
</style>

168
content/german/datenschutz.md
View file

@ -1,11 +1,8 @@
---
meta_title: "Datenschutz | AMPERION"
meta_description: "Informationen zum Datenschutz gemäß DSGVO: Verantwortlicher, Zwecke, Rechtsgrundlagen, Speicherdauer, Betroffenenrechte, Kontakt."
robots: "noindex,follow"
title: "Datenschutz"
description: ""
description: "Datenschutzrichtlinie"
subtitle : ""
lastmod: 2025-09-02 00:00:00
lastmod: 2024-07-22T00:00:00
bg_image: "images/privacy-policy.webp"
layout: "datenschutz"
draft: false
@ -17,84 +14,151 @@ cta:
---
### Datenschutzerklärung
Wir, die **AMPERION GmbH**, nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Diese Datenschutzerklärung informiert Sie darüber, wie wir Ihre personenbezogenen Daten verarbeiten, wenn Sie unsere Website nutzen, und welche Rechte Sie in diesem Zusammenhang haben.
---
#### Datenschutzerklärung
## I. Verantwortlicher im Sinne der Datenschutzgesetze
Personenbezogene Daten (nachfolgend zumeist nur „Daten“ genannt) werden von uns nur im Rahmen der Erforderlichkeit sowie zum Zwecke der Bereitstellung eines funktionsfähigen und nutzerfreundlichen Internetauftritts, inklusive seiner Inhalte und der dort angebotenen Leistungen, verarbeitet.
**AMPERION GmbH**
Gemäß Art. 4 Ziffer 1. der Verordnung (EU) 2016/679, also der Datenschutz-Grundverordnung (nachfolgend nur „DSGVO“ genannt), gilt als „Verarbeitung“ jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführter Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten, wie das Erheben, das Erfassen, die Organisation, das Ordnen, die Speicherung, die Anpassung oder Veränderung, das Auslesen, das Abfragen, die Verwendung, die Offenlegung durch Übermittlung, Verbreitung oder eine andere Form der Bereitstellung, den Abgleich oder die Verknüpfung, die Einschränkung, das Löschen oder die Vernichtung.
Mit der nachfolgenden Datenschutzerklärung informieren wir Sie insbesondere über Art, Umfang, Zweck, Dauer und Rechtsgrundlage der Verarbeitung personenbezogener Daten, soweit wir entweder allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung entscheiden. Zudem informieren wir Sie nachfolgend über die von uns zu Optimierungszwecken sowie zur Steigerung der Nutzungsqualität eingesetzten Fremdkomponenten, soweit hierdurch Dritte Daten in wiederum eigener Verantwortung verarbeiten.
Unsere Datenschutzerklärung ist wie folgt gegliedert:
I. Informationen über uns als Verantwortliche
II. Rechte der Nutzer und Betroffenen
III. Informationen zur Datenverarbeitung
#### 1. Informationen über uns als Verantwortliche
Verantwortlicher Anbieter dieses Internetauftritts im datenschutzrechtlichen Sinne ist:
AMPERION GmbH
Margarethner Straße 24a
Telefon: [+43 677 62090425](tel:+4367762090425)
E-Mail: [office@amperion.at](mailto:office@amperion.at)
---
Telefon: +43 677 62090425
E-Mail: office@amperion.at
## II. Ihre Rechte als Nutzer
Als Nutzer unserer Website stehen Ihnen folgende Rechte zu:
- **Auskunftsrecht**: Sie haben das Recht, Auskunft darüber zu verlangen, ob und welche personenbezogenen Daten wir über Sie speichern (Art. 15 DSGVO).
- **Recht auf Berichtigung**: Sie können die Berichtigung unrichtiger oder die Vervollständigung unvollständiger Daten verlangen (Art. 16 DSGVO).
- **Recht auf Löschung**: Sie können die Löschung Ihrer Daten verlangen, sofern keine gesetzlichen Aufbewahrungspflichten entgegenstehen (Art. 17 DSGVO).
- **Recht auf Einschränkung der Verarbeitung**: Unter bestimmten Voraussetzungen können Sie die Einschränkung der Verarbeitung Ihrer Daten verlangen (Art. 18 DSGVO).
- **Recht auf Datenübertragbarkeit**: Sie haben das Recht, Ihre Daten in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten (Art. 20 DSGVO).
- **Widerspruchsrecht**: Sie können der Verarbeitung Ihrer Daten widersprechen, insbesondere wenn diese für Direktwerbung genutzt werden (Art. 21 DSGVO).
- **Beschwerderecht**: Sie können sich bei einer Aufsichtsbehörde beschweren, wenn Sie der Meinung sind, dass die Verarbeitung Ihrer Daten gegen datenschutzrechtliche Bestimmungen verstößt (Art. 77 DSGVO).
#### 2. Rechte der Nutzer und Betroffenen
---
Mit Blick auf die nachfolgend noch näher beschriebene Datenverarbeitung haben die Nutzer und Betroffenen das Recht
## III. Datenverarbeitung auf unserer Website
a. auf Bestätigung, ob sie betreffende Daten verarbeitet werden, auf Auskunft über die verarbeiteten Daten, auf weitere Informationen über die Datenverarbeitung sowie auf Kopien der Daten (vgl. auch Art. 15 DSGVO);
b. auf Berichtigung oder Vervollständigung unrichtiger bzw. unvollständiger Daten (vgl. auch Art. 16 DSGVO);
auf unverzügliche Löschung der sie betreffenden Daten (vgl. auch Art. 17 DSGVO), oder, alternativ, soweit eine weitere Verarbeitung gemäß Art. 17 Abs. 3 DSGVO erforderlich ist, auf Einschränkung der Verarbeitung nach Maßgabe von Art. 18 DSGVO;
c. auf Erhalt der sie betreffenden und von ihnen bereitgestellten Daten und auf Übermittlung dieser Daten an andere Anbieter/Verantwortliche (vgl. auch Art. 20 DSGVO);
d. auf Beschwerde gegenüber der Aufsichtsbehörde, sofern sie der Ansicht sind, dass die sie betreffenden Daten durch den Anbieter unter Verstoß gegen datenschutzrechtliche Bestimmungen verarbeitet werden (vgl. auch Art. 77 DSGVO).
### 1. Allgemeine Informationen
Darüber hinaus ist der Anbieter dazu verpflichtet, alle Empfänger, denen gegenüber Daten durch den Anbieter offengelegt worden sind, über jedwede Berichtigung oder Löschung von Daten oder die Einschränkung der Verarbeitung, die aufgrund der Artikel 16, 17 Abs. 1, 18 DSGVO erfolgt, zu unterrichten. Diese Verpflichtung besteht jedoch nicht, soweit diese Mitteilung unmöglich oder mit einem unverhältnismäßigen Aufwand verbunden ist. Unbeschadet dessen hat der Nutzer ein Recht auf Auskunft über diese Empfänger.
Personenbezogene Daten werden von uns nur erhoben und verarbeitet, soweit dies für die Bereitstellung einer funktionsfähigen Website und unserer Dienstleistungen erforderlich ist. Die Verarbeitung erfolgt gemäß den Bestimmungen der **Datenschutz-Grundverordnung (DSGVO)**.
Ebenfalls haben die Nutzer und Betroffenen nach Art. 21 DSGVO das Recht auf Widerspruch gegen die künftige Verarbeitung der sie betreffenden Daten, sofern die Daten durch den Anbieter nach Maßgabe von Art. 6 Abs. 1 lit. f) DSGVO verarbeitet werden. Insbesondere ist ein Widerspruch gegen die Datenverarbeitung zum Zwecke der Direktwerbung statthaft.
### 2. Cookies
#### 3. Informationen zur Datenverarbeitung
#### a) Sitzungs-Cookies
Wir verwenden **Sitzungs-Cookies**, um die Nutzung unserer Website zu erleichtern. Diese Cookies werden automatisch gelöscht, wenn Sie Ihren Browser schließen. Rechtsgrundlage ist Art. 6 Abs. 1 lit. b) DSGVO (Vertragserfüllung) oder Art. 6 Abs. 1 lit. f) DSGVO (berechtigtes Interesse an der Funktionalität der Website).
Ihre bei Nutzung unseres Internetauftritts verarbeiteten Daten werden gelöscht oder gesperrt, sobald der Zweck der Speicherung entfällt, der Löschung der Daten keine gesetzlichen Aufbewahrungspflichten entgegenstehen und nachfolgend keine anderslautenden Angaben zu einzelnen Verarbeitungsverfahren gemacht werden.
Cookie Manager
#### b) Drittanbieter-Cookies
Auf unserer Website können auch Cookies von Drittanbietern (z. B. für Analyse- oder Werbezwecke) eingesetzt werden. Nähere Informationen hierzu finden Sie in den jeweiligen Abschnitten dieser Datenschutzerklärung.
Zur Einholung einer Einwilligung zum Einsatz von technisch nicht notwendigen Cookies auf der Website, setzt der Anbieter einen Cookie-Manager ein.
#### c) Cookie-Einstellungen
Sie können die Speicherung von Cookies in den Einstellungen Ihres Browsers deaktivieren oder bereits gespeicherte Cookies löschen. Bitte beachten Sie, dass einige Funktionen unserer Website möglicherweise nicht mehr vollumfänglich nutzbar sind.
Bei dem Aufruf der Website wird ein Cookie mit den Einstellungsinformationen auf dem Endgerät des Nutzers abgelegt, sodass bei einem weiteren Besuch die Abfrage in Bezug auf die Einwilligung nicht erfolgen muss.
---
Das Cookie ist erforderlich um eine rechtskonforme Einwilligung des Nutzers einzuholen.
### 3. Kontaktaufnahme
Die Installation der Cookies kann der Nutzer durch Einstellungen seines Browsers verhindern bzw. beenden.
Cookies
<p> a) Sitzungs-Cookies/Session-Cookies
Wenn Sie uns über das Kontaktformular oder per E-Mail kontaktieren, werden die von Ihnen mitgeteilten Daten zur Bearbeitung Ihrer Anfrage genutzt. Die Daten werden gelöscht, sobald Ihre Anfrage abschließend beantwortet wurde und keine gesetzlichen Aufbewahrungspflichten bestehen. Rechtsgrundlage ist Art. 6 Abs. 1 lit. b) DSGVO.
Wir verwenden mit unserem Internetauftritt sog. Cookies. Cookies sind kleine Textdateien oder andere Speichertechnologien, die durch den von Ihnen eingesetzten Internet-Browser auf Ihrem Endgerät ablegt und gespeichert werden. Durch diese Cookies werden im individuellen Umfang bestimmte Informationen von Ihnen, wie beispielsweise Ihre Browser- oder Standortdaten oder Ihre IP-Adresse, verarbeitet.
---
Durch diese Verarbeitung wird unser Internetauftritt benutzerfreundlicher, effektiver und sicherer, da die Verarbeitung bspw. die Wiedergabe unseres Internetauftritts in unterschiedlichen Sprachen oder das Angebot einer Warenkorbfunktion ermöglicht.
### 4. Social Media
Rechtsgrundlage dieser Verarbeitung ist Art. 6 Abs. 1 lit b.) DSGVO, sofern diese Cookies Daten zur Vertragsanbahnung oder Vertragsabwicklung verarbeitet werden.
#### a) Instagram
Wir betreiben eine Präsenz auf **Instagram** (Meta Platforms Ireland Limited, 4 Grand Canal Square, Dublin 2, Irland). Bei der Nutzung unseres Instagram-Auftritts werden Ihre Daten gemeinsam von uns und Instagram verarbeitet. Nähere Informationen finden Sie in der [Datenschutzerklärung von Instagram](https://help.instagram.com/519522125107875).
Falls die Verarbeitung nicht der Vertragsanbahnung oder Vertragsabwicklung dient, liegt unser berechtigtes Interesse in der Verbesserung der Funktionalität unseres Internetauftritts. Rechtsgrundlage ist in dann Art. 6 Abs. 1 lit. f) DSGVO.
#### b) LinkedIn
Wir sind auch auf **LinkedIn** (LinkedIn Ireland Unlimited Company, Wilton Plaza, Dublin 2, Irland) präsent. Bitte beachten Sie, dass Daten außerhalb der EU verarbeitet werden können. Die Datenschutzerklärung von LinkedIn finden Sie [hier](https://www.linkedin.com/legal/privacy-policy).
Mit Schließen Ihres Internet-Browsers werden diese Session-Cookies gelöscht.
</p>
<p> b) Drittanbieter-Cookies
---
Gegebenenfalls werden mit unserem Internetauftritt auch Cookies von Partnerunternehmen, mit denen wir zum Zwecke der Werbung, der Analyse oder der Funktionalitäten unseres Internetauftritts zusammenarbeiten, verwendet.
### 5. hCaptcha
Die Einzelheiten hierzu, insbesondere zu den Zwecken und den Rechtsgrundlagen der Verarbeitung solcher Drittanbieter-Cookies, entnehmen Sie bitte den nachfolgenden Informationen.
</p>
<p> c) Beseitigungsmöglichkeit
Zum Schutz vor automatisiertem Missbrauch nutzen wir **hCaptcha** (Intuition Machines, Inc.). Dabei werden Ihre IP-Adresse und ggf. weitere Daten an hCaptcha übermittelt. Rechtsgrundlage ist Art. 6 Abs. 1 lit. f) DSGVO (berechtigtes Interesse an der Sicherheit unserer Website). Weitere Informationen finden Sie in der [Datenschutzerklärung von hCaptcha](https://www.hcaptcha.com/privacy).
Sie können die Installation der Cookies durch eine Einstellung Ihres Internet-Browsers verhindern oder einschränken. Ebenfalls können Sie bereits gespeicherte Cookies jederzeit löschen. Die hierfür erforderlichen Schritte und Maßnahmen hängen jedoch von Ihrem konkret genutzten Internet-Browser ab. Bei Fragen benutzen Sie daher bitte die Hilfefunktion oder Dokumentation Ihres Internet-Browsers oder wenden sich an dessen Hersteller bzw. Support. Bei sog. Flash-Cookies kann die Verarbeitung allerdings nicht über die Einstellungen des Browsers unterbunden werden. Stattdessen müssen Sie insoweit die Einstellung Ihres Flash-Players ändern. Auch die hierfür erforderlichen Schritte und Maßnahmen hängen von Ihrem konkret genutzten Flash-Player ab. Bei Fragen benutzen Sie daher bitte ebenso die Hilfefunktion oder Dokumentation Ihres Flash-Players oder wenden sich an den Hersteller bzw. Benutzer-Support.
---
Sollten Sie die Installation der Cookies verhindern oder einschränken, kann dies allerdings dazu führen, dass nicht sämtliche Funktionen unseres Internetauftritts vollumfänglich nutzbar sind.
Kontaktanfragen / Kontaktmöglichkeit
### 6. Speicherdauer
Sofern Sie per Kontaktformular oder E-Mail mit uns in Kontakt treten, werden die dabei von Ihnen angegebenen Daten zur Bearbeitung Ihrer Anfrage genutzt. Die Angabe der Daten ist zur Bearbeitung und Beantwortung Ihre Anfrage erforderlich – ohne deren Bereitstellung können wir Ihre Anfrage nicht oder allenfalls eingeschränkt beantworten.
Ihre Daten werden gelöscht, sobald der Zweck der Speicherung entfällt und keine gesetzlichen Aufbewahrungspflichten mehr bestehen.
Rechtsgrundlage für diese Verarbeitung ist Art. 6 Abs. 1 lit. b) DSGVO.
---
Ihre Daten werden gelöscht, sofern Ihre Anfrage abschließend beantwortet worden ist und der Löschung keine gesetzlichen Aufbewahrungspflichten entgegenstehen, wie bspw. bei einer sich etwaig anschließenden Vertragsabwicklung.
Instagram
### 7. Ihre Einwilligung
Zur Bewerbung unserer Produkte und Leistungen sowie zur Kommunikation mit Interessenten oder Kunden betreiben wir eine Firmenpräsenz auf der Plattform Instagram.
Für bestimmte Verarbeitungsvorgänge (z. B. Einsatz nicht-notwendiger Cookies) holen wir Ihre Einwilligung ein. Sie können diese jederzeit über unseren **Cookie-Manager** widerrufen.
Auf dieser Social-Media-Plattform sind wir gemeinsam mit der Meta Platforms Ireland Limited, 4 Grand Canal Square, Dublin 2, Irland, verantwortlich.
Der Datenschutzbeauftragte von Instagram kann über ein Kontaktformular erreicht werden:
https://www.facebook.com/help/contact/540977946302970
Die gemeinsame Verantwortlichkeit haben wir in einer Vereinbarung bezüglich der jeweiligen Verpflichtungen im Sinne der DSGVO geregelt. Diese Vereinbarung, aus der sich die gegenseitigen Verpflichtungen ergeben, ist unter dem folgenden Link abrufbar:
https://www.facebook.com/legal/terms/page_controller_addendum
Rechtsgrundlage für die dadurch erfolgende und nachfolgend wiedergegebene Verarbeitung von personenbezogenen Daten ist Art. 6 Abs. 1 lit. f DSGVO. Unser berechtigtes Interesse besteht an der Analyse, der Kommunikation sowie dem Absatz und der Bewerbung unserer Produkte und Leistungen.
Rechtsgrundlage kann auch eine Einwilligung des Nutzers gemäß Art. 6 Abs. 1 lit. a DSGVO gegenüber dem Plattformbetreiber sein. Die Einwilligung hierzu kann der Nutzer nach Art. 7 Abs. 3 DSGVO jederzeit durch eine Mitteilung an den Plattformbetreiber für die Zukunft widerrufen.
Bei dem Aufruf unseres Onlineauftritts auf der Plattform Instagram werden von der Facebook Ireland Ltd. als Betreiberin der Plattform in der EU Daten des Nutzers (z.B. persönliche Informationen, IP-Adresse etc.) verarbeitet.
Diese Daten des Nutzers dienen zu statistischen Informationen über die Inanspruchnahme unserer Firmenpräsenz auf Instagram. Die Facebook Ireland Ltd. nutzt diese Daten zu Marktforschungs- und Werbezwecken sowie zur Erstellung von Profilen der Nutzer. Anhand dieser Profile ist es der Facebook Ireland Ltd. beispielsweise möglich, die Nutzer innerhalb und außerhalb von Instagram interessenbezogen zu bewerben. Ist der Nutzer zum Zeitpunkt des Aufrufes in seinem Account auf Instagram eingeloggt, kann die Facebook Ireland Ltd. zudem die Daten mit dem jeweiligen Nutzerkonto verknüpfen.
Im Falle einer Kontaktaufnahme des Nutzers über Instagram werden die bei dieser Gelegenheit eingegebenen personenbezogenen Daten des Nutzers zur Bearbeitung der Anfrage genutzt. Die Daten des Nutzers werden bei uns gelöscht, sofern die Anfrage des Nutzers abschließend beantwortet wurde und keine gesetzlichen Aufbewahrungspflichten, wie z.B. bei einer anschließenden Vertragsabwicklung, entgegenstehen.
Zur Verarbeitung der Daten werden von der Facebook Ireland Ltd. ggf. auch Cookies gesetzt.
Sollte der Nutzer mit dieser Verarbeitung nicht einverstanden sein, so besteht die Möglichkeit, die Installation der Cookies durch eine entsprechende Einstellung des Browsers zu verhindern. Bereits gespeicherte Cookies können ebenfalls jederzeit gelöscht werden. Die Einstellungen hierzu sind vom jeweiligen Browser abhängig. Bei Flash-Cookies lässt sich die Verarbeitung nicht über die Einstellungen des Browsers unterbinden, sondern durch die entsprechende Einstellung des Flash-Players. Sollte der Nutzer die Installation der Cookies verhindern oder einschränken, kann dies dazu führen, dass nicht sämtliche Funktionen von Facebook vollumfänglich nutzbar sind.
Näheres zu den Verarbeitungstätigkeiten, deren Unterbindung und zur Löschung der von Instagram verarbeiteten Daten finden sich in der Datenrichtlinie von
</p>
<p> Instagram:
https://help.instagram.com/519522125107875
Es ist nicht ausgeschlossen, dass die Verarbeitung durch die Facebook Ireland Ltd. auch über die Meta Platforms, Inc., 1601 Willow Road, Menlo Park, California 94025 in den USA erfolgt.
</p>
<p> LinkedIn
Wir unterhalten bei LinkedIn eine Onlinepräsenz um unser Unternehmen sowie unsere Leistungen zu präsentieren und mit Kunden/Interessenten zu kommunizieren. LinkedIn ist ein Service der LinkedIn Ireland Unlimited Company, Wilton Plaza, Wilton Place, Dublin 2, Irland, ein Tochterunternehmen der LinkedIn Corporation, 1000 W. Maude Avenue, Sunnyvale, CA 94085, USA.
Insofern weisen wir darauf hin, dass die Möglichkeit besteht, dass Daten der Nutzer außerhalb der Europäischen Union, insbesondere in den USA, verarbeitet werden. Hierdurch können gesteigerte Risiken für die Nutzer insofern bestehen, als dass z.B. der spätere Zugriff auf die Nutzerdaten erschwert werden kann. Auch haben wir keinen Zugriff auf diese Nutzerdaten. Die Zugriffsmöglichkeit liegt ausschließlich bei LinkedIn.
Die Datenschutzhinweise von LinkedIn finden Sie unter
https://www.linkedin.com/legal/privacy-policy
</p>
<p> Instagram
Meta Platforms Ireland Limited, 4 Grand Canal Square, Dublin 2, Irland.
Datenschutzerklärung: https://help.instagram.com/519522125107875
</p>
<p> LinkedIn
LinkedIn Ireland Unlimited Company, Wilton Plaza, Wilton Place, Dublin 2, Irland, ein Tochterunternehmen der LinkedIn Corporation, 1000 W. Maude Avenue, Sunnyvale, CA 94085 USA.
Datenschutzerklärung: https://www.linkedin.com/legal/privacy-policy
</p>
---

129
content/german/focustopic.md
View file

@ -1,21 +1,120 @@
---
title: "Fokusthemen"
description: ""
bg_image: "images/module_reflection_2.webp"
layout: "service"
draft: false
service:
enable: true
title: "Unsere Fokusthemen für die Energiewende"
description: "Sektorenübergreifend. Innovativ. Erneuerbar."
service_item:
- picture: "images/services_main/photovoltaik.webp"
name: "Photovoltaik"
link: "/fokusthemen/photovoltaik/"
- picture: "images/services_main/energiespeicher.webp"
name: "Energiespeicher"
link: "/fokusthemen/energiespeicher/"
- picture: "images/services_main/e-mobilitaet.webp"
name: "E-Mobilität"
link: "/fokusthemen/emobilitaet/"
---
########################### about service #############################
about:
enable : true
title : "Als führendes Ingenieurbüro bieten wir eine breite Palette von Dienstleistungen an, die darauf abzielen, die Effizienz, Nachhaltigkeit und Rentabilität Ihrer Energieinfrastruktur zu verbessern."
########################## featured service ############################
featured_service:
enable: true
service_item:
- name: "Consulting"
icon: "fas fa-cogs"
color : "service1"
content: "Unser Expertenteam bietet umfassende Beratungsdienstleistungen, die auf Ihre individuellen Bedürfnisse zugeschnitten sind. Von der strategischen Planung bis zur praktischen Umsetzung stehen wir Ihnen mit unserer Erfahrung und unserem Fachwissen zur Seite, um optimale Lösungen für Ihre Herausforderungen zu entwickeln."
image: "images/services/consulting.png"
# featured service item loop
- name : "Anlagenkonzepte"
icon : "fas fa-leaf"
color : "service2"
content : "Mit unserem maßgeschneiderten Ansatz entwickeln wir Anlagenkonzepte, die optimal auf Ihre individuellen Anforderungen und die örtlichen Gegebenheiten zugeschnitten sind. Von der ersten Idee bis zur Umsetzung stehen wir Ihnen mit unserer Fachkompetenz zur Seite."
image: "images/services/anlagenkonzept.png"
# featured service item loop
- name : "Ertragssimulationen"
icon : "fas fa-lightbulb"
color : "service3"
content : "Mit unseren präzisen Ertragssimulationen bieten wir Ihnen verlässliche Prognosen über die Wirtschaftlichkeit Ihrer Projekte. Unsere Analysen berücksichtigen alle relevanten Faktoren, sodass Sie fundierte Entscheidungen treffen und Ihre Investitionen optimal planen können."
image: "images/services/anlagensimulation.png"
# featured service item loop
- name : "Einreichplanungen"
icon : "fas fa-lightbulb"
color : "service4"
content : "Wir unterstützen Sie bei der Erstellung umfassender Einreichplanungen für die behördliche Anlagengenehmigung. Unsere Experten kennen die rechtlichen Anforderungen und sorgen dafür, dass Ihr Projekt reibungslos genehmigt wird."
image: "images/services/einreichplanung.png"
# featured service item loop
- name : "Ausführungsplanung"
icon : "fas fa-flask"
color : "service5"
content : "Mit unserer präzisen Ausführungsplanung stellen wir sicher, dass Ihr Projekt effizient umgesetzt wird. Wir erstellen detaillierte Pläne, die alle technischen Anforderungen erfüllen und die Grundlage für eine erfolgreiche Umsetzung bilden."
image: "images/services/ausführungsplanung.png"
# featured service item loop
- name : "Projektbetreuung"
icon : "fas fa-leaf"
color : "service6"
content : "Unsere umfassende Projektbetreuung gewährleistet, dass Ihr Vorhaben von der Planung bis zur Fertigstellung reibungslos verläuft. Wir koordinieren alle Beteiligten und sorgen dafür, dass Zeitpläne und Budgets eingehalten werden, sodass Ihr Projekt erfolgreich abgeschlossen wird."
image: "images/services/projektbetreuung.png"
# featured service item loop
- name : "Behördenwege"
icon : "fas fa-lightbulb"
color : "service7"
content : "Wir begleiten Sie durch alle behördlichen Prozesse und stellen sicher, dass alle notwendigen Genehmigungen rechtzeitig eingeholt werden. Unsere Experten kennen die gesetzlichen Vorgaben und sorgen dafür, dass Ihr Projekt ohne Verzögerungen vorankommt."
image: "images/services/behördenwege.png"
# featured service item loop
- name : "Energiekonzepte"
icon : "fas fa-lightbulb"
color : "service8"
content : "Unsere Energiekonzepte zielen darauf ab, die optimale Nutzung erneuerbarer Energien zu ermöglichen und gleichzeitig den Energieverbrauch zu optimieren. Wir entwickeln ganzheitliche Strategien, die sowohl ökologische als auch wirtschaftliche Vorteile bieten."
image: "images/services/energiekonzepte.png"
############################# Service ###############################
service:
enable : true
title : "Unsere Fokusthemen für die Energiewende"
description : "Sektorenübergreifend. Innovativ. Erneuerbar."
service_item:
# service item loop
- picture: "images/services_main/photovoltaik.webp"
name: Photovoltaik
link: "/service/photovoltaik"
# service item loop
- picture: "images/services_main/energiespeicher.webp"
name: Energiespeicher
link: "/service/energiespeicher"
# service item loop
- picture: "images/services_main/e-mobilitaet.webp"
name: E-Mobilität
link: "/service/elektromobilitaet"
# service item loop
#- icon: "images/einreichplanung.svg"
# name: Behördenwege
# content: "Wir unterstützen Sie bei allen behördlichen Prozessen und sorgen dafür, dass Ihre Projekte reibungslos und ohne Verzögerungen vorankommen. Vertrauen Sie auf unsere #Erfahrung und Expertise."
# service item loop
#- icon: "images/energiekonzepte.svg"
# name: Energiekonzepte
# content: "Wir erstellen innovative Energiekonzepte, die sowohl ökologisch als auch ökonomisch nachhaltig sind. Profitieren Sie von unseren zukunftsweisenden Lösungen für Ihre #Energieprojekte."
############################# call to action #################################
cta:
enable : true
# call to action content comes from "_index.md"
---

8
content/german/impressum.md
View file

@ -1,7 +1,4 @@
---
meta_title: "Impressum | AMPERION"
meta_description: "Angaben gemäß ECG: AMPERION GmbH – Kontakt, Firmenbuch, UID, zuständige Behörde und weitere Pflichtangaben."
# robots: "index,follow" # optional; Standard ist ohnehin index,follow
title: "Impressum"
layout: "impressum"
bg_image: "images/module_reflection_2.webp"
@ -35,7 +32,7 @@ contents:
- |
FN 622219 d
- |
Markus Wimmer BSc. & Ing. Alexander Stosic, MSc
Markus Wimmer BSc. & Ing. Alexander Stosic MSc.
- |
-- Ingenieurbüros (Beratende Ingenieure) auf dem Fachgebiet Urbane Erneuerbare Energietechnologien
-- Elektrotechnik unter Ausschluss der Errichtung von Alarmanlagen
@ -46,7 +43,7 @@ contents:
ATU80426326
email: office@amperion.at
telefon: +43 677 62090425
telefon: +4367762090426
############################# call to action #################################
cta:
enable : true
@ -69,3 +66,4 @@ Margarethner Straße 24a
Telefon: +43 677 62090425 & +43 677 62090426
E-Mail: [office@amperion.at](mailto:office@amperion.at)

41
content/german/karriere.md
View file

@ -1,41 +0,0 @@
---
title: "Karriere"
slug: "karriere"
layout: "karriere"
image: "/images/karriere/karriere_hero.webp"
og_image: "/images/karriere/karriere_hero.webp"
date: 2025-01-01
draft: false
# SEO
meta_title: "Karriere: Jobs in PV, Ladeinfrastruktur & Speicher | AMPERION"
meta_description: "Jobs für Elektrotechnik & Energie: PV, Ladeinfrastruktur & Speicher. Flexible Arbeitszeiten, Weiterbildung, Hybrid/Remote. Jetzt bewerben oder initiativ."
hero:
title: "Karriere bei AMPERION"
lead: "Du möchtest die Energiewende praktisch mitgestalten? Bei **AMPERION** bieten wir nicht nur einen Job, sondern eine Chance, Teil eines dynamischen Teams zu werden, das sich für **Innovation** und **Nachhaltigkeit** in der Energiebranche einsetzt. Wir bieten ein inspirierendes Arbeitsumfeld, in dem Kreativität und Eigeninitiative geschätzt werden, sowie vielfältige Entwicklungsmöglichkeiten für unsere Mitarbeiter.
"
values:
- title: "Innovation"
text: "Wir entwickeln praktikable Lösungen für reale Energie-Herausforderungen."
- title: "Nachhaltigkeit"
text: "Wir planen wirtschaftlich und ressourcenschonend – mit Blick auf den Lebenszyklus."
- title: "Exzellenz"
text: "Präzision, Normtreue und Transparenz in jeder Projektphase."
benefits_left:
- "Flexible Arbeitszeiten, je nach Rolle **Hybrid/Remote**"
- "**Weiterbildung** & Zertifizierungen"
- "Moderne Tools, strukturierte Prozesse, kurze Entscheidungswege"
benefits_right:
- "Eigenverantwortung & Gestaltungsspielraum in Projekten"
- "Faire Vergütung & Entwicklungsmöglichkeiten"
- "Messbarer **CO₂-Impact** in Kundenprojekten"
cta:
enable: true
cta_text: "Gestalte die Energiewende mit uns."
cta_label: "Jetzt bewerben"
cta_href: "/contact/"
---

6
content/german/project/_index.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "Unser Projekt"
description: "this is meta description"
draft: false
bg_image: "images/feature-bg.jpg"
---

51
content/german/project/rio-furniture-1.md Normal file
View file

@ -0,0 +1,51 @@
---
title: "Rio Furniture"
description: "this is meta description"
draft: false
image : "images/portfolio/work1.jpg"
bg_image: "images/feature-bg.jpg"
category: [ "UI/UX Design", "Video" ]
information:
- label : "Client"
info : "Jannie Kelonsky"
- label : "What We Did"
info : "Website Redesign"
- label : "Tools Used"
info : "Photoshop,Illustrator"
- label : "Completed on"
info : "17th March 2014"
- label : "Skills"
info : "HTML5 / PHP / CSS3"
- label : "Client"
info : "Jannie Kelonsky"
---
## Behance Website Redesign
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas officiis cumque, harum dicta necessitatibus
reprehenderit, delectus molestiae, impedit alias adipisci distinctio voluptas. Tempora modi amet voluptate
at provident soluta consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quibusdam sed, neque recusandae, est
odit. A facere tempore soluta laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, rem eaque facilis. Sit, voluptas?
Error soluta odio, harum tenetur, alias in iure ipsam blanditiis illo, ratione, magnam a minima incidunt!
Suscipit facilis, ut maxime libero necessitatibus, rerum aut voluptates aliquam maiores iusto qui
temporibus nesciunt, incidunt in quasi. Veniam aliquid ea aperiam, obcaecati voluptate ab, temporibus
fugiat at, inventore molestiae quibusdam, modi numquam debitis libero aut eum. Architecto sit quia quidem
odit, quasi eveniet reprehenderit rerum dolorem voluptate sed aspernatur numquam enim, adipisci iste optio
ea libero laboriosam praesentium aperiam nobis vero tempore consequuntur sapiente eos at. Suscipit quis
voluptatibus temporibus dolore consectetur ex excepturi adipisci sunt. Maxime aperiam eos illum minima
aliquid voluptate autem qui at impedit recusandae earum possimus, alias, maiores sint, sed quia quis aut
cupiditate voluptatem reiciendis. Facilis nobis assumenda totam officiis dicta autem dolorem quidem
similique, delectus rerum laborum veritatis, cum magnam dignissimos necessitatibus possimus error, eius
omnis veniam culpa, porro officia adipisci exercitationem minus hic. Ipsum veritatis repudiandae nulla quo
dicta voluptates tenetur mollitia perferendis sequi, magnam doloremque odit similique, sit, voluptas unde
iste molestias. Accusantium, corporis quibusdam quod in animi earum alias autem ipsum. Eaque rem numquam
delectus veniam commodi doloribus consequatur deleniti?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores neque vero quasi quisquam atque in,
libero ab sunt eius! Nesciunt laboriosam alias corporis sit accusantium voluptate sapiente debitis quos
mollitia saepe maxime ipsum facilis dolore voluptas inventore veniam deleniti, eligendi harum aperiam iusto
culpa? Delectus dolorum facere quasi iure explicabo?

51
content/german/project/rio-furniture-2.md Normal file
View file

@ -0,0 +1,51 @@
---
title: "Rio Furniture"
description: "this is meta description"
draft: false
image : "images/portfolio/work2.jpg"
bg_image: "images/feature-bg.jpg"
category: "Illustration"
information:
- label : "Client"
info : "Jannie Kelonsky"
- label : "What We Did"
info : "Website Redesign"
- label : "Tools Used"
info : "Photoshop,Illustrator"
- label : "Completed on"
info : "17th March 2014"
- label : "Skills"
info : "HTML5 / PHP / CSS3"
- label : "Client"
info : "Jannie Kelonsky"
---
## Behance Website Redesign
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas officiis cumque, harum dicta necessitatibus
reprehenderit, delectus molestiae, impedit alias adipisci distinctio voluptas. Tempora modi amet voluptate
at provident soluta consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quibusdam sed, neque recusandae, est
odit. A facere tempore soluta laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, rem eaque facilis. Sit, voluptas?
Error soluta odio, harum tenetur, alias in iure ipsam blanditiis illo, ratione, magnam a minima incidunt!
Suscipit facilis, ut maxime libero necessitatibus, rerum aut voluptates aliquam maiores iusto qui
temporibus nesciunt, incidunt in quasi. Veniam aliquid ea aperiam, obcaecati voluptate ab, temporibus
fugiat at, inventore molestiae quibusdam, modi numquam debitis libero aut eum. Architecto sit quia quidem
odit, quasi eveniet reprehenderit rerum dolorem voluptate sed aspernatur numquam enim, adipisci iste optio
ea libero laboriosam praesentium aperiam nobis vero tempore consequuntur sapiente eos at. Suscipit quis
voluptatibus temporibus dolore consectetur ex excepturi adipisci sunt. Maxime aperiam eos illum minima
aliquid voluptate autem qui at impedit recusandae earum possimus, alias, maiores sint, sed quia quis aut
cupiditate voluptatem reiciendis. Facilis nobis assumenda totam officiis dicta autem dolorem quidem
similique, delectus rerum laborum veritatis, cum magnam dignissimos necessitatibus possimus error, eius
omnis veniam culpa, porro officia adipisci exercitationem minus hic. Ipsum veritatis repudiandae nulla quo
dicta voluptates tenetur mollitia perferendis sequi, magnam doloremque odit similique, sit, voluptas unde
iste molestias. Accusantium, corporis quibusdam quod in animi earum alias autem ipsum. Eaque rem numquam
delectus veniam commodi doloribus consequatur deleniti?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores neque vero quasi quisquam atque in,
libero ab sunt eius! Nesciunt laboriosam alias corporis sit accusantium voluptate sapiente debitis quos
mollitia saepe maxime ipsum facilis dolore voluptas inventore veniam deleniti, eligendi harum aperiam iusto
culpa? Delectus dolorum facere quasi iure explicabo?

51
content/german/project/rio-furniture-3.md Normal file
View file

@ -0,0 +1,51 @@
---
title: "Rio Furniture"
description: "this is meta description"
draft: false
image : "images/portfolio/work3.jpg"
bg_image: "images/feature-bg.jpg"
category: "Video"
information:
- label : "Client"
info : "Jannie Kelonsky"
- label : "What We Did"
info : "Website Redesign"
- label : "Tools Used"
info : "Photoshop,Illustrator"
- label : "Completed on"
info : "17th March 2014"
- label : "Skills"
info : "HTML5 / PHP / CSS3"
- label : "Client"
info : "Jannie Kelonsky"
---
## Behance Website Redesign
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas officiis cumque, harum dicta necessitatibus
reprehenderit, delectus molestiae, impedit alias adipisci distinctio voluptas. Tempora modi amet voluptate
at provident soluta consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quibusdam sed, neque recusandae, est
odit. A facere tempore soluta laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, rem eaque facilis. Sit, voluptas?
Error soluta odio, harum tenetur, alias in iure ipsam blanditiis illo, ratione, magnam a minima incidunt!
Suscipit facilis, ut maxime libero necessitatibus, rerum aut voluptates aliquam maiores iusto qui
temporibus nesciunt, incidunt in quasi. Veniam aliquid ea aperiam, obcaecati voluptate ab, temporibus
fugiat at, inventore molestiae quibusdam, modi numquam debitis libero aut eum. Architecto sit quia quidem
odit, quasi eveniet reprehenderit rerum dolorem voluptate sed aspernatur numquam enim, adipisci iste optio
ea libero laboriosam praesentium aperiam nobis vero tempore consequuntur sapiente eos at. Suscipit quis
voluptatibus temporibus dolore consectetur ex excepturi adipisci sunt. Maxime aperiam eos illum minima
aliquid voluptate autem qui at impedit recusandae earum possimus, alias, maiores sint, sed quia quis aut
cupiditate voluptatem reiciendis. Facilis nobis assumenda totam officiis dicta autem dolorem quidem
similique, delectus rerum laborum veritatis, cum magnam dignissimos necessitatibus possimus error, eius
omnis veniam culpa, porro officia adipisci exercitationem minus hic. Ipsum veritatis repudiandae nulla quo
dicta voluptates tenetur mollitia perferendis sequi, magnam doloremque odit similique, sit, voluptas unde
iste molestias. Accusantium, corporis quibusdam quod in animi earum alias autem ipsum. Eaque rem numquam
delectus veniam commodi doloribus consequatur deleniti?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores neque vero quasi quisquam atque in,
libero ab sunt eius! Nesciunt laboriosam alias corporis sit accusantium voluptate sapiente debitis quos
mollitia saepe maxime ipsum facilis dolore voluptas inventore veniam deleniti, eligendi harum aperiam iusto
culpa? Delectus dolorum facere quasi iure explicabo?

51
content/german/project/rio-furniture-4.md Normal file
View file

@ -0,0 +1,51 @@
---
title: "Rio Furniture"
description: "this is meta description"
draft: false
image : "images/portfolio/work4.jpg"
bg_image: "images/feature-bg.jpg"
category: "UI/UX Design"
information:
- label : "Client"
info : "Jannie Kelonsky"
- label : "What We Did"
info : "Website Redesign"
- label : "Tools Used"
info : "Photoshop,Illustrator"
- label : "Completed on"
info : "17th March 2014"
- label : "Skills"
info : "HTML5 / PHP / CSS3"
- label : "Client"
info : "Jannie Kelonsky"
---
## Behance Website Redesign
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas officiis cumque, harum dicta necessitatibus
reprehenderit, delectus molestiae, impedit alias adipisci distinctio voluptas. Tempora modi amet voluptate
at provident soluta consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quibusdam sed, neque recusandae, est
odit. A facere tempore soluta laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, rem eaque facilis. Sit, voluptas?
Error soluta odio, harum tenetur, alias in iure ipsam blanditiis illo, ratione, magnam a minima incidunt!
Suscipit facilis, ut maxime libero necessitatibus, rerum aut voluptates aliquam maiores iusto qui
temporibus nesciunt, incidunt in quasi. Veniam aliquid ea aperiam, obcaecati voluptate ab, temporibus
fugiat at, inventore molestiae quibusdam, modi numquam debitis libero aut eum. Architecto sit quia quidem
odit, quasi eveniet reprehenderit rerum dolorem voluptate sed aspernatur numquam enim, adipisci iste optio
ea libero laboriosam praesentium aperiam nobis vero tempore consequuntur sapiente eos at. Suscipit quis
voluptatibus temporibus dolore consectetur ex excepturi adipisci sunt. Maxime aperiam eos illum minima
aliquid voluptate autem qui at impedit recusandae earum possimus, alias, maiores sint, sed quia quis aut
cupiditate voluptatem reiciendis. Facilis nobis assumenda totam officiis dicta autem dolorem quidem
similique, delectus rerum laborum veritatis, cum magnam dignissimos necessitatibus possimus error, eius
omnis veniam culpa, porro officia adipisci exercitationem minus hic. Ipsum veritatis repudiandae nulla quo
dicta voluptates tenetur mollitia perferendis sequi, magnam doloremque odit similique, sit, voluptas unde
iste molestias. Accusantium, corporis quibusdam quod in animi earum alias autem ipsum. Eaque rem numquam
delectus veniam commodi doloribus consequatur deleniti?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores neque vero quasi quisquam atque in,
libero ab sunt eius! Nesciunt laboriosam alias corporis sit accusantium voluptate sapiente debitis quos
mollitia saepe maxime ipsum facilis dolore voluptas inventore veniam deleniti, eligendi harum aperiam iusto
culpa? Delectus dolorum facere quasi iure explicabo?

51
content/german/project/rio-furniture-5.md Normal file
View file

@ -0,0 +1,51 @@
---
title: "Rio Furniture"
description: "this is meta description"
draft: false
image : "images/portfolio/work5.jpg"
bg_image: "images/feature-bg.jpg"
category: "Illustration"
information:
- label : "Client"
info : "Jannie Kelonsky"
- label : "What We Did"
info : "Website Redesign"
- label : "Tools Used"
info : "Photoshop,Illustrator"
- label : "Completed on"
info : "17th March 2014"
- label : "Skills"
info : "HTML5 / PHP / CSS3"
- label : "Client"
info : "Jannie Kelonsky"
---
## Behance Website Redesign
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas officiis cumque, harum dicta necessitatibus
reprehenderit, delectus molestiae, impedit alias adipisci distinctio voluptas. Tempora modi amet voluptate
at provident soluta consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quibusdam sed, neque recusandae, est
odit. A facere tempore soluta laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, rem eaque facilis. Sit, voluptas?
Error soluta odio, harum tenetur, alias in iure ipsam blanditiis illo, ratione, magnam a minima incidunt!
Suscipit facilis, ut maxime libero necessitatibus, rerum aut voluptates aliquam maiores iusto qui
temporibus nesciunt, incidunt in quasi. Veniam aliquid ea aperiam, obcaecati voluptate ab, temporibus
fugiat at, inventore molestiae quibusdam, modi numquam debitis libero aut eum. Architecto sit quia quidem
odit, quasi eveniet reprehenderit rerum dolorem voluptate sed aspernatur numquam enim, adipisci iste optio
ea libero laboriosam praesentium aperiam nobis vero tempore consequuntur sapiente eos at. Suscipit quis
voluptatibus temporibus dolore consectetur ex excepturi adipisci sunt. Maxime aperiam eos illum minima
aliquid voluptate autem qui at impedit recusandae earum possimus, alias, maiores sint, sed quia quis aut
cupiditate voluptatem reiciendis. Facilis nobis assumenda totam officiis dicta autem dolorem quidem
similique, delectus rerum laborum veritatis, cum magnam dignissimos necessitatibus possimus error, eius
omnis veniam culpa, porro officia adipisci exercitationem minus hic. Ipsum veritatis repudiandae nulla quo
dicta voluptates tenetur mollitia perferendis sequi, magnam doloremque odit similique, sit, voluptas unde
iste molestias. Accusantium, corporis quibusdam quod in animi earum alias autem ipsum. Eaque rem numquam
delectus veniam commodi doloribus consequatur deleniti?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores neque vero quasi quisquam atque in,
libero ab sunt eius! Nesciunt laboriosam alias corporis sit accusantium voluptate sapiente debitis quos
mollitia saepe maxime ipsum facilis dolore voluptas inventore veniam deleniti, eligendi harum aperiam iusto
culpa? Delectus dolorum facere quasi iure explicabo?

51
content/german/project/rio-furniture-6.md Normal file
View file

@ -0,0 +1,51 @@
---
title: "Rio Furniture"
description: "this is meta description"
draft: false
image : "images/portfolio/work6.jpg"
bg_image: "images/feature-bg.jpg"
category: "Video"
information:
- label : "Client"
info : "Jannie Kelonsky"
- label : "What We Did"
info : "Website Redesign"
- label : "Tools Used"
info : "Photoshop,Illustrator"
- label : "Completed on"
info : "17th March 2014"
- label : "Skills"
info : "HTML5 / PHP / CSS3"
- label : "Client"
info : "Jannie Kelonsky"
---
## Behance Website Redesign
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas officiis cumque, harum dicta necessitatibus
reprehenderit, delectus molestiae, impedit alias adipisci distinctio voluptas. Tempora modi amet voluptate
at provident soluta consequatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quibusdam sed, neque recusandae, est
odit. A facere tempore soluta laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, rem eaque facilis. Sit, voluptas?
Error soluta odio, harum tenetur, alias in iure ipsam blanditiis illo, ratione, magnam a minima incidunt!
Suscipit facilis, ut maxime libero necessitatibus, rerum aut voluptates aliquam maiores iusto qui
temporibus nesciunt, incidunt in quasi. Veniam aliquid ea aperiam, obcaecati voluptate ab, temporibus
fugiat at, inventore molestiae quibusdam, modi numquam debitis libero aut eum. Architecto sit quia quidem
odit, quasi eveniet reprehenderit rerum dolorem voluptate sed aspernatur numquam enim, adipisci iste optio
ea libero laboriosam praesentium aperiam nobis vero tempore consequuntur sapiente eos at. Suscipit quis
voluptatibus temporibus dolore consectetur ex excepturi adipisci sunt. Maxime aperiam eos illum minima
aliquid voluptate autem qui at impedit recusandae earum possimus, alias, maiores sint, sed quia quis aut
cupiditate voluptatem reiciendis. Facilis nobis assumenda totam officiis dicta autem dolorem quidem
similique, delectus rerum laborum veritatis, cum magnam dignissimos necessitatibus possimus error, eius
omnis veniam culpa, porro officia adipisci exercitationem minus hic. Ipsum veritatis repudiandae nulla quo
dicta voluptates tenetur mollitia perferendis sequi, magnam doloremque odit similique, sit, voluptas unde
iste molestias. Accusantium, corporis quibusdam quod in animi earum alias autem ipsum. Eaque rem numquam
delectus veniam commodi doloribus consequatur deleniti?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores neque vero quasi quisquam atque in,
libero ab sunt eius! Nesciunt laboriosam alias corporis sit accusantium voluptate sapiente debitis quos
mollitia saepe maxime ipsum facilis dolore voluptas inventore veniam deleniti, eligendi harum aperiam iusto
culpa? Delectus dolorum facere quasi iure explicabo?

119
content/german/service.md
View file

@ -1,18 +1,119 @@
---
service:
title: "Leistungen"
description: ""
bg_image: "images/module_reflection_2.webp"
layout: "service"
draft: false
########################### about service #############################
about:
enable : true
title : "Als führendes Ingenieurbüro bieten wir eine breite Palette von Dienstleistungen an, die darauf abzielen, die Effizienz, Nachhaltigkeit und Rentabilität Ihrer Energieinfrastruktur zu verbessern."
########################## featured service ############################
featured_service:
enable: true
title: "UNSERE LEISTUNGEN IM ÜBERBLICK"
description: "Technisch fundiert. Unabhängig. Zukunftsorientiert."
service_item:
- name: "Consulting"
icon: "fas fa-cogs"
color : "service1"
content: "Unser Expertenteam bietet umfassende Beratungsdienstleistungen, die auf Ihre individuellen Bedürfnisse zugeschnitten sind. Von der strategischen Planung bis zur praktischen Umsetzung stehen wir Ihnen mit unserer Erfahrung und unserem Fachwissen zur Seite, um optimale Lösungen für Ihre Herausforderungen zu entwickeln."
image: "images/services/consulting.png"
# featured service item loop
- name : "Anlagenkonzepte"
icon : "fas fa-leaf"
color : "service2"
content : "Mit unserem maßgeschneiderten Ansatz entwickeln wir Anlagenkonzepte, die optimal auf Ihre individuellen Anforderungen und die örtlichen Gegebenheiten zugeschnitten sind. Von der ersten Idee bis zur Umsetzung stehen wir Ihnen mit unserer Fachkompetenz zur Seite."
image: "images/services/anlagenkonzept.png"
# featured service item loop
- name : "Ertragssimulationen"
icon : "fas fa-lightbulb"
color : "service3"
content : "Mit unseren präzisen Ertragssimulationen bieten wir Ihnen verlässliche Prognosen über die Wirtschaftlichkeit Ihrer Projekte. Unsere Analysen berücksichtigen alle relevanten Faktoren, sodass Sie fundierte Entscheidungen treffen und Ihre Investitionen optimal planen können."
image: "images/services/anlagensimulation.png"
# featured service item loop
- name : "Einreichplanungen"
icon : "fas fa-lightbulb"
color : "service4"
content : "Wir unterstützen Sie bei der Erstellung umfassender Einreichplanungen für die behördliche Anlagengenehmigung. Unsere Experten kennen die rechtlichen Anforderungen und sorgen dafür, dass Ihr Projekt reibungslos genehmigt wird."
image: "images/services/einreichplanung.png"
# featured service item loop
- name : "Ausführungsplanung"
icon : "fas fa-flask"
color : "service5"
content : "Mit unserer präzisen Ausführungsplanung stellen wir sicher, dass Ihr Projekt effizient umgesetzt wird. Wir erstellen detaillierte Pläne, die alle technischen Anforderungen erfüllen und die Grundlage für eine erfolgreiche Umsetzung bilden."
image: "images/services/ausführungsplanung.png"
# featured service item loop
- name : "Projektbetreuung"
icon : "fas fa-leaf"
color : "service6"
content : "Unsere umfassende Projektbetreuung gewährleistet, dass Ihr Vorhaben von der Planung bis zur Fertigstellung reibungslos verläuft. Wir koordinieren alle Beteiligten und sorgen dafür, dass Zeitpläne und Budgets eingehalten werden, sodass Ihr Projekt erfolgreich abgeschlossen wird."
image: "images/services/projektbetreuung.png"
# featured service item loop
- name : "Behördenwege"
icon : "fas fa-lightbulb"
color : "service7"
content : "Wir begleiten Sie durch alle behördlichen Prozesse und stellen sicher, dass alle notwendigen Genehmigungen rechtzeitig eingeholt werden. Unsere Experten kennen die gesetzlichen Vorgaben und sorgen dafür, dass Ihr Projekt ohne Verzögerungen vorankommt."
image: "images/services/behördenwege.png"
# featured service item loop
- name : "Energiekonzepte"
icon : "fas fa-lightbulb"
color : "service8"
content : "Unsere Energiekonzepte zielen darauf ab, die optimale Nutzung erneuerbarer Energien zu ermöglichen und gleichzeitig den Energieverbrauch zu optimieren. Wir entwickeln ganzheitliche Strategien, die sowohl ökologische als auch wirtschaftliche Vorteile bieten."
image: "images/services/energiekonzepte.png"
############################# Service ###############################
service:
enable : true
title : "UNSERE LEISTUNGEN IM ÜBERBLICK"
description : "Technisch fundiert. Unabhängig. Zukunftsorientiert."
service_item:
# service item loop
- picture: "images/services_main/planung.webp"
name: "Planung"
link: "/leistungen/planung/"
name: Planung
link: "/service/energiekonzepte"
# service item loop
- picture: "images/services_main/projektmanagment.webp"
name: "Projektmanagement"
link: "/leistungen/projektmanagement/"
name: Projektmanagement
link: "/service/projektmanagement"
# service item loop
- picture: "images/services_main/consulting.webp"
name: "Consulting"
link: "/leistungen/consulting/"
name: Consulting
link: "/service/elektromobilitaet"
# service item loop
#- icon: "images/einreichplanung.svg"
# name: Behördenwege
# content: "Wir unterstützen Sie bei allen behördlichen Prozessen und sorgen dafür, dass Ihre Projekte reibungslos und ohne Verzögerungen vorankommen. Vertrauen Sie auf unsere #Erfahrung und Expertise."
# service item loop
#- icon: "images/energiekonzepte.svg"
# name: Energiekonzepte
# content: "Wir erstellen innovative Energiekonzepte, die sowohl ökologisch als auch ökonomisch nachhaltig sind. Profitieren Sie von unseren zukunftsweisenden Lösungen für Ihre #Energieprojekte."
############################# call to action #################################
cta:
enable : true
# call to action content comes from "_index.md"
---

36
content/german/service/dig_loes_ikt.md Normal file
View file

@ -0,0 +1,36 @@
---
title: "Digitale Lösungen & IKT"
date: 2023-10-01
draft: false
layout: "service01"
bg_image: "/images/services_main/dig_loes_ikt.webp"
---
# Digitale Lösungen & IKT
##
Ein durchdachtes Energiekonzept ist die Grundlage jeder effizienten und zukunftssicheren Energieversorgung.
Wir analysieren, planen und optimieren Energiesysteme für Unternehmen, Gemeinden und Wohnprojekte – mit Fokus auf Wirtschaftlichkeit, Eigenverbrauch und Klimaschutz.
### Was wir bieten
#### Analyse & Bestandsaufnahme
- Energieverbrauch, Lastgänge, Potenziale
- Gebäude, Infrastruktur, technische Systeme
#### Technische & wirtschaftliche Planung
- Photovoltaik, Speicher, Ladeinfrastruktur, Steuerung
- Simulation von Energieflüssen und Eigenverbrauch
- Kosten-Nutzen-Berechnungen (inkl. Förderungspotenziale)
#### Systemintegration & Zukunftssicherheit
- Entwicklung ganzheitlicher Lösungen
- Vorbereitung für spätere Erweiterungen
- Schnittstellen zu Gebäudeautomation und Energie-Management-Systemen
![Solar Park](/images/services_main/dig_loes_ikt.webp)
---

36
content/german/service/elektrotechnik.md Normal file
View file

@ -0,0 +1,36 @@
---
title: "Elektrotechnik"
date: 2025-04-03
draft: false
layout: "service01"
bg_image: "/images/services_main/elektrotechnik.webp"
---
# Digitale Lösungen & IKT
##
Ein durchdachtes Energiekonzept ist die Grundlage jeder effizienten und zukunftssicheren Energieversorgung.
Wir analysieren, planen und optimieren Energiesysteme für Unternehmen, Gemeinden und Wohnprojekte – mit Fokus auf Wirtschaftlichkeit, Eigenverbrauch und Klimaschutz.
### Was wir bieten
#### Analyse & Bestandsaufnahme
- Energieverbrauch, Lastgänge, Potenziale
- Gebäude, Infrastruktur, technische Systeme
#### Technische & wirtschaftliche Planung
- Photovoltaik, Speicher, Ladeinfrastruktur, Steuerung
- Simulation von Energieflüssen und Eigenverbrauch
- Kosten-Nutzen-Berechnungen (inkl. Förderungspotenziale)
#### Systemintegration & Zukunftssicherheit
- Entwicklung ganzheitlicher Lösungen
- Vorbereitung für spätere Erweiterungen
- Schnittstellen zu Gebäudeautomation und Energie-Management-Systemen
![Solar Park](/images/services_main/elektrotechnik.webp)
---

37
content/german/service/emobilitaet.md Normal file
View file

@ -0,0 +1,37 @@
---
title: "Neue Unternehmenssparte"
date: 2023-10-01
draft: false
layout: "service01"
bg_image: "/images/services_main/elektromobilitaet.webp"
---
# Neue Unternehmenssparte
##
Ein durchdachtes Energiekonzept ist die Grundlage jeder effizienten und zukunftssicheren Energieversorgung.
Wir analysieren, planen und optimieren Energiesysteme für Unternehmen, Gemeinden und Wohnprojekte – mit Fokus auf Wirtschaftlichkeit, Eigenverbrauch und Klimaschutz.
### Was wir bieten
#### Analyse & Bestandsaufnahme
- Energieverbrauch, Lastgänge, Potenziale
- Gebäude, Infrastruktur, technische Systeme
#### Technische & wirtschaftliche Planung
- Photovoltaik, Speicher, Ladeinfrastruktur, Steuerung
- Simulation von Energieflüssen und Eigenverbrauch
- Kosten-Nutzen-Berechnungen (inkl. Förderungspotenziale)
#### Systemintegration & Zukunftssicherheit
- Entwicklung ganzheitlicher Lösungen
- Vorbereitung für spätere Erweiterungen
- Schnittstellen zu Gebäudeautomation und Energie-Management-Systemen
![Solar Park](/images/services_main/elektromobilitaet.webp)
---

37
content/german/service/energiekonzepte.md Normal file
View file

@ -0,0 +1,37 @@
---
title: "Energiekonzepte"
date: 2023-10-01
draft: false
layout: "service01"
bg_image: "/images/services_main/energiekonzepte.webp"
---
# Energiekonzepte
## Energiekonzepte für eine nachhaltige Energiezukunft
Ein durchdachtes Energiekonzept ist die Grundlage jeder effizienten und zukunftssicheren Energieversorgung.
Wir analysieren, planen und optimieren Energiesysteme für Unternehmen, Gemeinden und Wohnprojekte – mit Fokus auf Wirtschaftlichkeit, Eigenverbrauch und Klimaschutz.
### Was wir bieten
#### Analyse & Bestandsaufnahme
- Energieverbrauch, Lastgänge, Potenziale
- Gebäude, Infrastruktur, technische Systeme
#### Technische & wirtschaftliche Planung
- Photovoltaik, Speicher, Ladeinfrastruktur, Steuerung
- Simulation von Energieflüssen und Eigenverbrauch
- Kosten-Nutzen-Berechnungen (inkl. Förderungspotenziale)
#### Systemintegration & Zukunftssicherheit
- Entwicklung ganzheitlicher Lösungen
- Vorbereitung für spätere Erweiterungen
- Schnittstellen zu Gebäudeautomation und Energie-Management-Systemen
![Solar Park](/images/solar-park.jpg)
---

37
content/german/service/photovoltaik.md Normal file
View file

@ -0,0 +1,37 @@
---
title: "Photovoltaik & Speicher"
date: 2023-10-01
draft: false
layout: "service01"
bg_image: "/images/services_main/photovoltaik.webp"
---
# Photovoltaik
## Energiekonzepte für eine nachhaltige Energiezukunft
Ein durchdachtes Energiekonzept ist die Grundlage jeder effizienten und zukunftssicheren Energieversorgung.
Wir analysieren, planen und optimieren Energiesysteme für Unternehmen, Gemeinden und Wohnprojekte – mit Fokus auf Wirtschaftlichkeit, Eigenverbrauch und Klimaschutz.
### Was wir bieten
#### Analyse & Bestandsaufnahme
- Energieverbrauch, Lastgänge, Potenziale
- Gebäude, Infrastruktur, technische Systeme
#### Technische & wirtschaftliche Planung
- Photovoltaik, Speicher, Ladeinfrastruktur, Steuerung
- Simulation von Energieflüssen und Eigenverbrauch
- Kosten-Nutzen-Berechnungen (inkl. Förderungspotenziale)
#### Systemintegration & Zukunftssicherheit
- Entwicklung ganzheitlicher Lösungen
- Vorbereitung für spätere Erweiterungen
- Schnittstellen zu Gebäudeautomation und Energie-Management-Systemen
![Solar Park](/images/services_main/photovoltaik.webp)
---

37
content/german/service/projektmanagement.md Normal file
View file

@ -0,0 +1,37 @@
---
title: "Projektmanagement"
date: 2023-10-01
draft: false
layout: "service01"
bg_image: "/images/services_main/energiekonzepte.webp"
---
# Projektmanagement
## Energiekonzepte für eine nachhaltige Energiezukunft
Ein durchdachtes Energiekonzept ist die Grundlage jeder effizienten und zukunftssicheren Energieversorgung.
Wir analysieren, planen und optimieren Energiesysteme für Unternehmen, Gemeinden und Wohnprojekte – mit Fokus auf Wirtschaftlichkeit, Eigenverbrauch und Klimaschutz.
### Was wir bieten
#### Analyse & Bestandsaufnahme
- Energieverbrauch, Lastgänge, Potenziale
- Gebäude, Infrastruktur, technische Systeme
#### Technische & wirtschaftliche Planung
- Photovoltaik, Speicher, Ladeinfrastruktur, Steuerung
- Simulation von Energieflüssen und Eigenverbrauch
- Kosten-Nutzen-Berechnungen (inkl. Förderungspotenziale)
#### Systemintegration & Zukunftssicherheit
- Entwicklung ganzheitlicher Lösungen
- Vorbereitung für spätere Erweiterungen
- Schnittstellen zu Gebäudeautomation und Energie-Management-Systemen
![Solar Park](/images/services_main/energiekonzepte.webp)
---

133
content/german/service/whyamperion.md Normal file
View file

@ -0,0 +1,133 @@
---
title: "Leistungen"
description: ""
bg_image: "images/module_reflection_2.webp"
layout: "service"
draft: false
########################### about service #############################
about:
enable : true
title : "Als führendes Ingenieurbüro bieten wir eine breite Palette von Dienstleistungen an, die darauf abzielen, die Effizienz, Nachhaltigkeit und Rentabilität Ihrer Energieinfrastruktur zu verbessern."
########################## featured service ############################
featured_service:
enable: true
service_item:
- name: "Consulting"
icon: "fas fa-cogs"
color : "service1"
content: "Unser Expertenteam bietet umfassende Beratungsdienstleistungen, die auf Ihre individuellen Bedürfnisse zugeschnitten sind. Von der strategischen Planung bis zur praktischen Umsetzung stehen wir Ihnen mit unserer Erfahrung und unserem Fachwissen zur Seite, um optimale Lösungen für Ihre Herausforderungen zu entwickeln."
image: "images/services/consulting.png"
# featured service item loop
- name : "Anlagenkonzepte"
icon : "fas fa-leaf"
color : "service2"
content : "Mit unserem maßgeschneiderten Ansatz entwickeln wir Anlagenkonzepte, die optimal auf Ihre individuellen Anforderungen und die örtlichen Gegebenheiten zugeschnitten sind. Von der ersten Idee bis zur Umsetzung stehen wir Ihnen mit unserer Fachkompetenz zur Seite."
image: "images/services/anlagenkonzept.png"
# featured service item loop
- name : "Ertragssimulationen"
icon : "fas fa-lightbulb"
color : "service3"
content : "Mit unseren präzisen Ertragssimulationen bieten wir Ihnen verlässliche Prognosen über die Wirtschaftlichkeit Ihrer Projekte. Unsere Analysen berücksichtigen alle relevanten Faktoren, sodass Sie fundierte Entscheidungen treffen und Ihre Investitionen optimal planen können."
image: "images/services/anlagensimulation.png"
# featured service item loop
- name : "Einreichplanungen"
icon : "fas fa-lightbulb"
color : "service4"
content : "Wir unterstützen Sie bei der Erstellung umfassender Einreichplanungen für die behördliche Anlagengenehmigung. Unsere Experten kennen die rechtlichen Anforderungen und sorgen dafür, dass Ihr Projekt reibungslos genehmigt wird."
image: "images/services/einreichplanung.png"
# featured service item loop
- name : "Ausführungsplanung"
icon : "fas fa-flask"
color : "service5"
content : "Mit unserer präzisen Ausführungsplanung stellen wir sicher, dass Ihr Projekt effizient umgesetzt wird. Wir erstellen detaillierte Pläne, die alle technischen Anforderungen erfüllen und die Grundlage für eine erfolgreiche Umsetzung bilden."
image: "images/services/ausführungsplanung.png"
# featured service item loop
- name : "Projektbetreuung"
icon : "fas fa-leaf"
color : "service6"
content : "Unsere umfassende Projektbetreuung gewährleistet, dass Ihr Vorhaben von der Planung bis zur Fertigstellung reibungslos verläuft. Wir koordinieren alle Beteiligten und sorgen dafür, dass Zeitpläne und Budgets eingehalten werden, sodass Ihr Projekt erfolgreich abgeschlossen wird."
image: "images/services/projektbetreuung.png"
# featured service item loop
- name : "Behördenwege"
icon : "fas fa-lightbulb"
color : "service7"
content : "Wir begleiten Sie durch alle behördlichen Prozesse und stellen sicher, dass alle notwendigen Genehmigungen rechtzeitig eingeholt werden. Unsere Experten kennen die gesetzlichen Vorgaben und sorgen dafür, dass Ihr Projekt ohne Verzögerungen vorankommt."
image: "images/services/behördenwege.png"
# featured service item loop
- name : "Energiekonzepte"
icon : "fas fa-lightbulb"
color : "service8"
content : "Unsere Energiekonzepte zielen darauf ab, die optimale Nutzung erneuerbarer Energien zu ermöglichen und gleichzeitig den Energieverbrauch zu optimieren. Wir entwickeln ganzheitliche Strategien, die sowohl ökologische als auch wirtschaftliche Vorteile bieten."
image: "images/services/energiekonzepte.png"
############################# Service ###############################
service:
enable : true
title : "UNSERE SERVICES"
description : "Wir entwickeln Energielösungen für die Zukunft"
service_item:
# service item loop
- picture: "images/services_main/energiekonzepte.webp"
name: Energiekonzepte
link: "/service/energiekonzepte"
# service item loop
- picture: "images/services_main/projektmanagement.webp"
name: Projektmanagement
link: "/service/projektmanagement"
# service item loop
- picture: "images/services_main/elektromobilitaet.webp"
name: Elektromobilität
link: "/service/elektromobilitaet"
# service item loop
- picture: "images/services_main/photovoltaik.webp"
name: Photovoltaik
link: "/service/photovoltaik"
# service item loop
- picture: "images/services_main/dig_loes_ikt.webp"
name: Digitale Lösungen & IKT
link: "/service/dig_loes_ikt"
# service item loop
- picture: "images/services_main/elektrotechnik.webp"
name: Elektrotechnik
link: "/service/elektrotechnik"
# service item loop
#- icon: "images/einreichplanung.svg"
# name: Behördenwege
# content: "Wir unterstützen Sie bei allen behördlichen Prozessen und sorgen dafür, dass Ihre Projekte reibungslos und ohne Verzögerungen vorankommen. Vertrauen Sie auf unsere #Erfahrung und Expertise."
# service item loop
#- icon: "images/energiekonzepte.svg"
# name: Energiekonzepte
# content: "Wir erstellen innovative Energiekonzepte, die sowohl ökologisch als auch ökonomisch nachhaltig sind. Profitieren Sie von unseren zukunftsweisenden Lösungen für Ihre #Energieprojekte."
############################# call to action #################################
cta:
enable : true
# call to action content comes from "_index.md"
---

67
content/german/why-amperion.md Normal file
View file

@ -0,0 +1,67 @@
---
title: "Leistungen"
description: "Beschreibung der angebotenen Dienstleistungen"
bg_image: "images/module_reflection_2.webp"
layout: "service"
draft: false
########################### About Service #############################
about:
enable: true
title: "Als führendes Ingenieurbüro bieten wir eine breite Palette von Dienstleistungen an, die darauf abzielen, die Effizienz, Nachhaltigkeit und Rentabilität Ihrer Energieinfrastruktur zu verbessern."
########################## Featured Service ############################
featured_service:
enable: true
service_item:
- name: "Technische Planungskompetenz"
image: "icons/file-badge.svg"
content: "Langjährige Erfahrung mit komplexer Energieplanung – normgerecht, effizient & zukunftssicher."
- name: "Intelligente Energiesysteme"
image: "icons/plug-zap.svg"
content: "Von PV bis Speicher und Lastmanagement – für maximale Eigenversorgung und Netzverträglichkeit."
- name: "Persönliche Betreuung"
image: "icons/headset.svg"
content: "Kurze Wege, schnelle Antworten, direkte Ansprechpartner – auch nach Projektabschluss."
- name: " Reibungslose Projektabwicklung"
image: "icons/hard-hat.svg"
content: "Wir übernehmen die technische Koordination – von Einreichung bis Ausschreibung."
- name: " Vernetzte Energiezukunft"
image: "icons/network.svg"
content: "Wir denken Energie ganzheitlich – modular, digital und wachstumsfähig geplant."
- name: "Präzise Systemplanung"
image: "icons/circuit-board.svg"
content: "Alle Komponenten exakt aufeinander abgestimmt – wirtschaftlich und regelkonform."
############################# Service ###############################
service:
title: "Darum AMPERION"
description: "Kompetenz, auf die Sie bauen können – von der Idee bis zur Inbetriebnahme."
service_item:
- picture: "images/services_main/energiekonzepte.webp"
name: "Energiekonzepte"
link: "/service/energiekonzepte"
- picture: "images/services_main/projektmanagement.webp"
name: "Projektmanagement"
link: "/service/projektmanagement"
- picture: "images/services_main/elektromobilitaet.webp"
name: "Elektromobilität"
link: "/service/elektromobilitaet"
############################# Call to Action #################################
cta:
enable: true
---

2593
cookieconsent.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

0
deploy.ps1
View file

22
faq.html
View file

@ -1,22 +0,0 @@
{{ define "main" }}
{{ partial "page-title.html" . }}
<section class="page-wrapper">
<div class="container">
<div class="row">
<div class="col-md-4 sticky-top">
<h2>{{ .Title }}</h2>
{{ with .Params.subtitle }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
<p>{{ i18n "last_update" }}: {{ time.Format ":date_long" .Lastmod }}</p>
<h3>{{ i18n "faq_toc_title" }}</h3>
{{ .TableOfContents }}
</div>
<div class="col-md-8">
{{ .Content }}
</div>
</div>
</div>
</section>
{{ end }}

315
layouts/_default/about.html
View file

@ -1,293 +1,74 @@
{{ define "main" }}
{{ partial "page-title.html" . }}
<!-- Intro Section -->
{{ with .Params.intro_section }}
{{ if .enable }}
<section id="about-intro" class="section" style="background-color:#ffffff; margin-top:-24px; padding-top:16px;">
<h3>Ihr Partner für nachhaltige Energielösungen</h3>
<div class="my-container">
<div class="row align-items-center gx-5 gy-4">
<!-- TEXT -->
<div class="col-lg-7 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="100">
<div class="intro-content">
<div class="intro-text article-copy">
{{ .text | markdownify }}
</div>
</div>
</div>
<!-- VIDEO (rechts, ohne abgerundete Ecken) -->
<div class="col-lg-5 order-1 order-lg-2" data-aos="fade-in" data-aos-delay="200">
<div class="intro-media ratio ratio-16x9 shadow-sm overflow-hidden">
<video id="aboutVideo"
class="intro-video"
autoplay
muted
loop
playsinline
preload="none"
poster='{{ "images/brand_poster.jpg" | relURL }}'>
<!-- Quellen werden per JS gesetzt -->
</video>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
const vid = document.getElementById("aboutVideo");
if (!vid) return;
const srcMp4 = '{{ "images/Imagevideo_Short.mp4" | relURL }}';
const srcWebm = '{{ "images/Imagevideo_Short.webm" | relURL }}';
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
vid.innerHTML = `
<source src="${srcMp4}" type="video/mp4">
<source src="${srcWebm}" type="video/webm">
`;
vid.play().catch(() => {});
observer.disconnect();
}
});
}, { rootMargin: "200px" });
observer.observe(vid);
});
</script>
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- Mission/Vision/Ziel Section -->
{{ with .Params.mission_vision }}
{{ if .enable }}
<section class="mission-section section pt-0" style="background-color: #f8f9fa;">
<div class="container">
<div class="row justify-content-center">
<!-- Schlanker, mittiger Content-Bereich -->
<div>
<!-- Headings -->
<div class="text-center mb-3">
<h2>Mission · Vision · Ziel</h2>
<h3>Die Grundpfeiler unserer Arbeit.</h3>
</div>
<div class="mission-tabs-wrapper">
<!-- Tabs (zentriert) -->
<ul class="nav nav-tabs mission-tabs justify-content-center" role="tablist">
{{ range $index, $elements := .tabs }}
<li class="nav-item" role="presentation">
<button class="nav-link {{ if eq $index 0 }}active{{ end }}"
id="tab-{{ .name | urlize }}"
data-bs-toggle="tab"
data-bs-target="#content-{{ .name | urlize }}"
type="button"
role="tab">
{{ .name }}
</button>
</li>
{{ end }}
</ul>
<!-- Inhalte (ohne fade, damit kein Flackern) -->
<div class="tab-content mission-tab-content">
{{ range $index, $elements := .tabs }}
<div class="tab-pane {{ if eq $index 0 }}active{{ end }}"
id="content-{{ .name | urlize }}"
role="tabpanel">
<div class="tab-inner">
{{ .content | $.Page.RenderString (dict "display" "block") }}
</div>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- Was uns auszeichnet -->
<section class="section" style="background-color:#ffffff;">
<div class="my-container">
<div class="row">
<div class="text-center" data-aos="fade-up" data-aos-delay="50">
<h2>Was uns auszeichnet</h2>
<h3><em>AMPERION liefert echte Mehrwerte für Ihr Projekt.</em></h3>
</div>
</div>
<div class="why-grid mt-5" style="
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
justify-items: center;
">
{{ $delay := 0 }}
{{ $step := 100 }}
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/stamp.svg" alt="AMPERION ist ein Staatlich geprüftes Ingenieurbüro" class="service-icon mb-3">
<h4 class="service-card-title">Staatlich geprüft & konessioniert</h4>
<p class="service-card-description">
<strong>Ingenieurbüro und Elektrotechnikbetrieb –</strong> Planung und Prüfung mit Qualität &amp; Sicherheit.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/brain.svg" alt="Erfahrung & Innovation - Über 10 Jahre Praxis – kombiniert mit modernen Methoden und Tools." class="service-icon mb-3">
<h4 class="service-card-title">Erfahrung &amp; Innovation</h4>
<p class="service-card-description">
<strong>Über 10 Jahre Praxis –</strong> kombiniert mit modernen Methoden und Tools.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/earth.svg" alt="Ganzheitlicher Ansatz - Technik, Wirtschaft & Umwelt von Beginn an zukunftssicher gedacht." class="service-icon mb-3">
<h4 class="service-card-title">Ganzheitlicher Ansatz</h4>
<p class="service-card-description">
<strong>Technik, Wirtschaft & Umwelt –</strong> von Beginn an zukunftssicher gedacht.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $step }}">
<img src="/icons/briefcase-business.svg" alt="Unabhängige Beratung - Herstellerneutral – wir empfehlen, was zu Ihrem Projekt wirklich passt." class="service-icon mb-3">
<h4 class="service-card-title">Unabhängige Beratung</h4>
<p class="service-card-description">
<strong>Herstellerneutral –</strong> wir empfehlen, was zu Ihrem Projekt wirklich passt.
</p>
</article>
</div>
</div>
</section>
<!-- Team Section (grau, konsistent) -->
{{ with .Params.about }}
{{ if .enable }}
<section class="section" style="background-color:#f3f3f3;">
<div class="my-container">
<!-- Header -->
<div class="text-center mb-5" data-aos="fade-up">
<h2>Das AMPERION Gründerteam</h2>
<div class="row gx-5 gy-5 align-items-center">
<!-- Markus Wimmer -->
<div class="col-lg-4 col-md-12 order-lg-1 order-2" data-aos="fade-right" data-aos-delay="100">
<div class="founder-card">
<section class="about section">
<div class="custom-container">
<div class="row align-items-center">
<div class="col-md-4">
<div class="person-info">
{{ with .left_person }}
<h5 class="founder-name">{{ .name | markdownify }}</h5>
<div class="founder-description">
{{ .description | $.Page.RenderString (dict "display" "block") }}
</div>
{{ with .name }}<h3>{{ . | markdownify }}</h3>{{ end }}
{{ with .description }}<p>{{ . | $.Page.RenderString (dict "display" "block") }}</p>{{ end }}
{{ end }}
</div>
</div>
<!-- Team Bild -->
<div class="col-lg-4 col-md-12 order-lg-2 order-1" data-aos="zoom-in" data-aos-delay="200">
<div class="team-image-wrapper">
<img src="{{ .image | relURL }}"
alt="Das Gründerteam von Amperion: Experten für Energieplanung und nachhaltige Energiesysteme"
class="team-image w-100 rounded-3 shadow-sm">
<div class="col-md-4">
<div class="about-img">
<img src="{{ .image | relURL }}" alt="Standard Image">
<img src="{{ .hover_image | relURL }}" alt="Hover Image" class="hover-img">
</div>
</div>
<!-- Alexander Stosic -->
<div class="col-lg-4 col-md-12 order-lg-3 order-3" data-aos="fade-left" data-aos-delay="300">
<div class="founder-card">
<div class="col-md-4">
<div class="person-info">
{{ with .right_person }}
<h5 class="founder-name">{{ .name | markdownify }}</h5>
<div class="founder-description">
{{ .description | $.Page.RenderString (dict "display" "block") }}
</div>
{{ with .name }}<h3>{{ . | markdownify }}</h3>{{ end }}
{{ with .description }}<p>{{ . | $.Page.RenderString (dict "display" "block") }}</p>{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<section class="testimonial section-sm">
<div class="container">
<div class="row">
<!-- CTA unverändert lassen (wie auf Startseite) -->
{{ $impressum := site.GetPage "page" "impressum" }}
{{ with .Params.mission_vision }}
{{ if .enable }}
<div class="col-md-12">
<div class="tabCommon">
<ul class="nav nav-tabs">
{{ range $index, $elements := .tabs }}
<li {{ if eq $index 0 }} class="active" {{ end }}><a href="#{{ .name | urlize }}"
data-toggle="tab">{{ .name }}</a></li>
{{ end }}
</ul>
<div class="tab-content">
{{ range $index, $elements := .tabs }}
<div id="{{ .name | urlize }}" class="tab-pane fade {{ if eq $index 0 }} active in {{ end }}">
{{ .content | $.Page.RenderString (dict "display" "block") }}
</div>
{{ end }}
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</section>
<!-- Call to action -->
{{ if .Params.cta.enable }}
<section id="cta" class="cta">
<div class="cta__bg" aria-hidden="true">
<div class="cta__grid"></div>
<div class="cta__energy-lines">
<div class="energy-line-h energy-line-h2"></div>
<div class="energy-line-h energy-line-h3"></div>
<div class="energy-line-h energy-line-h4"></div>
<div class="energy-line-h energy-line-h5"></div>
<div class="energy-line-v energy-line-v1"></div>
<div class="energy-line-v energy-line-v2"></div>
<div class="energy-line-v energy-line-v3"></div>
<div class="energy-line-v energy-line-v4"></div>
<div class="energy-node energy-node1"></div>
<div class="energy-node energy-node2"></div>
<div class="energy-node energy-node3"></div>
<div class="energy-node energy-node4"></div>
<div class="energy-node energy-node5"></div>
<div class="energy-node energy-node6"></div>
</div>
<div class="cta__gradient-top"></div>
<div class="cta__gradient-bottom"></div>
</div>
<div class="my-container">
<div class="cta__wrap">
<h3 class="cta__title">
Mehr Energie - Mit UNS!
</h3>
<p class="cta__lead">
Ihr Weg zu nachhaltiger Energie beginnt hier.
<span class="cta__accent">Lassen Sie uns starten!</span>
</p>
<div class="cta__actions">
<a class="cta__btn" href="mailto:{{ $impressum.Params.email }}">
<span aria-hidden="true">✉️</span><span>E-Mail senden</span>
</a>
<a class="cta__btn" href="tel:{{ $impressum.Params.telefon }}">
<span aria-hidden="true">📞</span><span>Anrufen</span>
</a>
</div>
<div class="cta__social">
<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="Instagram Profil AMPERION">
</a>
<a class="cta__social-link" href="https://www.linkedin.com/company/amperion-gmbh/" target="_blank" rel="noopener" aria-label="LinkedIn">
<img src="/images/social/linkedin.svg" alt="Linkedin Profil AMPERION">
</a>
<a class="cta__social-link" href="https://www.facebook.com/share/1CZ7xm6cdw/?mibextid=wwXIfr" target="_blank" rel="noopener" aria-label="Facebook">
<img src="/images/social/facebook.svg" alt="Facebook Profil AMPERION">
</a>
</div>
</div>
</div>
</section>
{{ partial "cta.html" . }}
{{ end }}
<!-- /Call to action -->
{{ end }}

5
layouts/_default/agb.html
View file

@ -5,13 +5,14 @@
<section class="page-wrapper">
<div class="container">
<div class="row">
<div class="col-md-4 sticky-top text-left">
<div class="col-md-4 sticky-top">
<h2>{{ .Title }}</h2>
{{ with .Params.subtitle }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
<p>{{ i18n "last_update" }}: {{ time.Format ":date_long" .Lastmod }}</p>
<h3>{{ i18n "faq_toc_title" }}</h3>
{{ .TableOfContents }}
</div>
<div class="col-md-8 text-block">
<div class="col-md-8">
{{ .Content }}
</div>
</div>

81
layouts/_default/baseof.html
View file

@ -1,49 +1,70 @@
<!--
PROJECT: Startup Hugo
VERSION: 1.0.0
AUTHOR: Gethugothemes
AUTHOR WEBSITE: https://gethugothemes.com
-->
<meta charset="utf-8">
<!DOCTYPE html>
<html lang="{{ site.LanguageCode | default `de-AT` }}" itemscope itemtype="http://schema.org/WebPage">
<html lang="{{ site.LanguageCode | default `en-US` }}" itemscope itemtype="http://schema.org/WebPage">
<head>
{{ partial "head.html" . }}
<!-- WICHTIG: kein weiterer <meta name="viewport"> hier; ist bereits in head.html enthalten -->
{{ partial "head.html" . }}
<!-- Meta Viewport Tag hinzufügen -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- cache partial only in production -->
{{ if hugo.IsProduction }}
{{ partialCached "style.html" . }}
{{ else }}
{{ partial "style.html" . }}
{{ end }}
<!-- cache partial only in production -->
{{ if hugo.IsProduction }}
{{ partialCached "style.html" . }}
{{ else }}
{{ partial "style.html" . }}
{{ end }}
</head>
<body>
<!-- cache partial only in production -->
{{ partial "header.html" . }}
{{ if hugo.IsProduction }}
{{ partialCached "preloader.html" . }}
{{ else }}
{{ partial "preloader.html" . }}
{{ end }}
<!-- cache partial only in production -->
{{ partial "header.html" . }}
{{ if hugo.IsProduction }}
{{ partialCached "preloader.html" . }}
{{ else }}
{{ partial "preloader.html" . }}
{{ end }}
<main>
{{ block "main" . }}{{ end }}
</main>
<!-- cache partial only in production -->
{{ if hugo.IsProduction }}
{{ partialCached "footer.html" . }}
{{ partialCached "script.html" . }}
{{ else }}
{{ partial "footer.html" . }}
{{ partial "script.html" . }}
{{ end }}
<main>
{{ block "main" . }}{{ end }}
</main>
<!-- cache partial only in production -->
{{ if hugo.IsProduction }}
{{ partialCached "footer.html" . }}
{{ partialCached "script.html" . }}
{{ else }}
{{ partial "footer.html" . }}
{{ partial "script.html" . }}
{{ end }}
</body>
</html>

252
layouts/_default/contact.html
View file

@ -1,196 +1,80 @@
{{ define "main" }}
{{ partial "page-title.html" . }}
{{/* ========= Datenquellen: Impressum > params.contact > params (alt) ========= */}}
{{ $impressum := site.GetPage "page" "impressum" }}
{{ partial "page-title.html" . }}
{{ $addr := or
(and $impressum $impressum.Params.location)
(or site.Params.contact.location site.Params.location) }}
{{ $email := or
(and $impressum $impressum.Params.email)
(or site.Params.contact.email site.Params.email) }}
{{/* phone1: deckt sowohl phone als auch phone1 ab (alt & neu) */}}
{{ $phone1 := or
(and $impressum $impressum.Params.telefon)
(or site.Params.contact.phone site.Params.contact.phone1 site.Params.phone site.Params.phone1) }}
{{ $phone2 := or
(and $impressum $impressum.Params.telefon2)
(or site.Params.contact.phone2 site.Params.phone2) }}
<style>
/* Nur Layout-/Hilfsstyles – keine Typo-Overrides */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-wrap{padding:56px 0}
.card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.06)}
.card-pad{padding:24px}
.stack{display:grid;gap:16px}
.stack-lg{display:grid;gap:24px}
.info-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.info-item{display:flex;gap:.75rem;align-items:flex-start}
.info-item .ico{flex:0 0 auto;line-height:0;color:#F5A623}
/* CTA-Buttons & Socials: nutzt eure bestehenden Klassen – nur Layout-Hooks */
.cta__actions{display:flex;gap:.75rem;flex-wrap:wrap}
.cta__social{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cta__social-link{width:56px;height:56px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 20px rgba(0,0,0,.06)}
/* Formular-Grid */
.form-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}
.form-group{display:flex;flex-direction:column;gap:.4rem}
.form-group.full{grid-column:1 / -1}
.form-control{
width:100%;background:#fff;color:inherit;
border:1px solid rgba(0,0,0,.12);border-radius:12px;
padding:.85rem 1rem;outline:0;transition:border-color .15s ease, box-shadow .15s ease;
}
textarea.form-control{min-height:160px;resize:vertical}
.form-control:focus{border-color:#F5A623;box-shadow:0 0 0 3px rgba(245,166,35,.18)}
.form-legal{margin:0;opacity:.9} /* p-Standardgröße bleibt erhalten */
.card h3{margin:0 0 .5rem} /* nur Abstand, Typo kommt global von h3 */
</style>
<section class="contact-wrap">
<div class="container">
<div class="row g-4">
<!-- ===== Kontakt-Infos ===== -->
<div class="col-lg-5" data-reveal>
<div class="card card-pad stack-lg">
<div class="stack">
<h3>Kontakt</h3>
<ul class="info-list" style="display:grid;gap:12px;justify-items:center;text-align:center">
📍{{ with $addr }}
<li class="info-item">
<div class="txt">{{ . | markdownify }}</div>
</li>
{{ end }}
📧{{ with $email }}
<li class="info-item">
<div class="txt">
<a href="mailto:{{ . | safeURL }}" style="text-decoration:none;color:inherit;">{{ . }}</a>
</div>
</li>
{{ end }}
📞{{ with $phone1 }}
<li class="info-item">
<div class="txt">
<a href="tel:{{ . | safeURL }}" style="text-decoration:none;color:inherit;">{{ . }}</a>
</div>
</li>
{{ end }}
{{ with $phone2 }}
<li class="info-item">
<div class="txt">
<a href="tel:{{ . | safeURL }}" style="text-decoration:none;color:inherit;">{{ . }}</a>
</div>
</li>
{{ end }}
</ul>
<section class="contact-form">
<div class="container">
{{ with site.Params.contact.form }}{{ if .enable -}}
<div class="row">
<form method="POST" {{ if .use_netlify }}name="{{ printf "contact_%s" $.Language.Lang }}" action="{{ "/message_sent" | relLangURL }}" netlify netlify-honeypot="nhp"{{ else }}name="contact" action="{{ .action | safeURL }}"{{ end }}>
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="form-group">
<label for="name" hidden>{{ i18n "contact_form_name" }}</label>
<input id="name" name="name" type="text" class="form-control" placeholder="{{ i18n "contact_form_name" }}" required>
</div>
<div class="stack">
<h4>Folgen Sie uns!</h4>
<div class="cta__social">
<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="Instagram Profil AMPERION">
</a>
<a class="cta__social-link" href="https://www.linkedin.com/company/amperion-gmbh/" target="_blank" rel="noopener" aria-label="LinkedIn">
<img src="/images/social/linkedin.svg" alt="Linkedin Profil AMPERION">
</a>
<a class="cta__social-link" href="https://www.facebook.com/share/1CZ7xm6cdw/?mibextid=wwXIfr" target="_blank" rel="noopener" aria-label="Facebook">
<img src="/images/social/facebook.svg" alt="Facebook Profil AMPERION">
</a>
</div>
<div class="form-group">
<label for="email" hidden>{{ i18n "contact_form_email" }}</label>
<input id="email" name="email" type="email" autocomplete="email" class="form-control" placeholder="{{ i18n "contact_form_email" }}" required>
</div>
<div class="form-group">
<label for="subject" hidden>{{ i18n "contact_form_subject" }}</label>
<input id="subject" name="subject" type="text" class="form-control" placeholder="{{ i18n "contact_form_subject" }}" required>
</div>
{{ if .use_netlify -}}
<div class="form-group-h">
<input name="nhp" type="text" class="form-control" placeholder="Are you made of flesh and bone?">
</div>
{{- end }}
{{ if .use_recaptcha -}}
<div class="form-group-h">
<input type="hidden" id="captchaResponse" name="g-recaptcha-response">
</div>
{{- end }}
</div>
</div>
<!-- ===== Formular ===== -->
<div class="col-lg-7" data-reveal>
<form method="POST" action="/send.php" class="card card-pad stack">
<div class="form-grid">
<div class="form-group">
<label for="name" class="visually-hidden">Name</label>
<input id="name" name="name" type="text" autocomplete="name" class="form-control" placeholder="Name" required>
</div>
<div class="form-group">
<label for="email" class="visually-hidden">E-Mail</label>
<input id="email" name="email" type="email" autocomplete="email" class="form-control" placeholder="E-Mail" required>
</div>
<div class="form-group">
<label for="company" class="visually-hidden">Unternehmen</label>
<input id="company" name="company" type="text" autocomplete="organization" class="form-control" placeholder="Unternehmen (optional)">
</div>
<div class="form-group">
<label for="phone" class="visually-hidden">Telefon</label>
<input id="phone" name="phone" type="tel" autocomplete="tel" class="form-control" placeholder="Telefon (optional)">
</div>
<div class="form-group full">
<label for="subject" class="visually-hidden">Betreff</label>
<input id="subject" name="subject" type="text" class="form-control" placeholder="Betreff" required>
</div>
<div class="form-group full">
<label for="message" class="visually-hidden">Ihre Nachricht</label>
<textarea id="message" name="message" class="form-control" rows="6" placeholder="Ihre Nachricht …" required></textarea>
</div>
<!-- hCaptcha -->
<div class="form-group full">
<div class="h-captcha" data-sitekey="15a25108-bbc0-4d02-913c-4ada005ebd20" data-theme="dark"></div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="form-group-2">
<label for="message" hidden>{{ i18n "contact_form_message" }}</label>
<textarea id="message" name="message" class="form-control" rows="4" placeholder="{{ i18n "contact_form_message" }}" required></textarea>
</div>
<p class="form-legal">
<label for="legal-consent">
<input id="legal-consent" name="legal_consented" type="checkbox" required>
Ich bin mit der Verarbeitung meiner Daten zum Zweck der Kontaktaufnahme einverstanden. (Datenschutzhinweise beachten)
</label>
</p>
<div>
<button class="cta__btn" type="submit" style="--btn-fs:1.5rem; --btn-py:14px; --btn-px:26px;">
<span aria-hidden="true">➜</span><span>Nachricht senden</span>
</button>
</div>
</form>
<button class="btn btn-default" type="submit">{{ i18n "submit" }}</button>
</div>
</div>
</form>
</div>
{{- end }}{{ end }}
<div class="contact-box row">
{{ with site.Params.contact -}}
<div class="col-md-6 col-sm-12">
<div class="block">
<h2>{{ i18n "address_title" }}</h2>
<ul class="address-block">
{{ $add_address_descriptors := .address_descriptors }}
{{ with site.Params.location }}<li><i class="fas fa-map-marker-alt"></i>{{ if $add_address_descriptors }}{{ i18n "location" | printf "%s: " }}{{ end }}<div>{{ . | markdownify }}</div></li>{{ end }}
{{ with site.Params.email }}<li><i class="fas fa-envelope"></i>{{ if $add_address_descriptors }}{{ i18n "email" | printf "%s: " }}{{ end }}{{ partial "cloak_email" . }}</li>{{ end }}
{{ with site.Params.phone }}<li><i class="fas fa-tty"></i>{{ if $add_address_descriptors }}{{ i18n "phone" | printf "%s: " }}{{ end }}{{ . }}</li>{{ end }}
</ul>
<ul class="social-icons">
{{ range site.Params.social -}}
<li><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
{{- end }}
</ul>
</div>
</div>
{{- end }}
{{ if site.Params.gmap.enable -}}
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="google-map">
<div class="map" id="map" data-latitude="{{ site.Params.gmap.map_latitude }}" data-longitude="{{ site.Params.gmap.map_longitude }}" data-marker="{{ site.Params.gmap.map_marker | relURL }}" data-marker-name="{{ site.Title }}"></div>
</div>
</div>
</div>
{{- end }}
</div>
</section>
{{/* Reveal Init (falls global nicht vorhanden) */}}
<script>
(function(){
if (window.__contactRevealInit) return; window.__contactRevealInit = true;
var els = document.querySelectorAll("[data-reveal]");
if (!('IntersectionObserver' in window)){ els.forEach(e=>e.classList.add('is-visible')); return; }
var io = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
entry.target.classList.add('is-visible');
io.unobserve(entry.target);
}
});
}, {threshold:.12});
els.forEach(e=>io.observe(e));
})();
</script>
<!-- hCaptcha-Skript -->
<script>
(function(){
if (window.__contactRevealInit) return; window.__contactRevealInit = true;
var els = document.querySelectorAll("[data-reveal]");
if (!('IntersectionObserver' in window)){ els.forEach(function(e){e.classList.add('is-visible')}); return; }
var io = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
entry.target.classList.add('is-visible');
io.unobserve(entry.target);
}
});
}, {threshold:.12});
els.forEach(function(e){io.observe(e)});
})();
</script>
</div>
</section>
{{ end }}

20
layouts/_default/danke.html
View file

@ -1,20 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Danke für deine Nachricht</title>
<meta http-equiv="refresh" content="5; url=/">
<style>
body { font-family: Arial, sans-serif; line-height: 1.6; text-align: center; padding: 20px; }
a { color: #007BFF; text-decoration: none; }
a:hover { text-decoration: underline; }
</style>
</head>
<body>
<h1>Vielen Dank!</h1>
<p>Deine Nachricht wurde erfolgreich gesendet. Du wirst in 5 Sekunden weitergeleitet.</p>
<p><a href="/">Zurück zu Amperion</a></p>
</body>
</html>

11
layouts/_default/datenschutz.html
View file

@ -5,17 +5,24 @@
<section class="page-wrapper">
<div class="container">
<div class="row">
<div class="col-md-4 sticky-top text-left">
<div class="col-md-4 sticky-top">
<h2>{{ .Title }}</h2>
{{ with .Params.subtitle }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
<p>{{ i18n "last_update" }}: {{ time.Format ":date_long" .Lastmod }}</p>
<h3>{{ i18n "faq_toc_title" }}</h3>
{{ .TableOfContents }}
</div>
<div class="col-md-8 text-block">
<div class="col-md-8">
{{ .Content }}
</div>
</div>
</div>
</section>
<!-- Call to action -->
{{ if .Params.cta.enable }}
{{ partial "cta.html" . }}
{{ end }}
<!-- /Call to action -->
{{ end }}

13
layouts/_default/default.html
View file

@ -1,13 +0,0 @@
{{ define "main" }}
{{ partial "page-title.html" . }}
<section class="page-wrapper">
<div class="container">
<div class="row">
<div class="col-md-12">
{{ .Content }}
</div>
</div>
</div>
</section>
{{ end }}

94
layouts/_default/impressum.html
View file

@ -4,85 +4,31 @@
<section class="impressum section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 col-md-12">
<div class="impressum-wrapper">
{{ range $index, $heading := .Params.headings }}
<div class="impressum-item row">
<div class="col-md-4">
<h4>{{ $heading }}</h4>
</div>
<div class="col-md-8">
<div class="impressum-content">
<div class="row">
<div class="col-md-12">
<table class="table">
<tbody>
{{ range $index, $heading := .Params.headings }}
<tr>
<td class="col-1">
{{ $heading }}
</td>
<td class="col-2">
{{ index $.Params.contents $index | markdownify }}
</div>
</div>
</div>
{{ end }}
</div>
</td>
</tr>
{{ end }}
</tbody>
</table>
</div>
</div>
</div>
</section>
<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>
<!-- Call to action -->
{{ if .Params.cta.enable }}
{{ partial "cta.html" . }}
{{ end }}
<!-- /Call to action -->
{{ end }}

280
layouts/_default/index.html Normal file
View file

@ -0,0 +1,280 @@
{{ define "main" }}
<header>
<!-- banner -->
{{ with .Params.banner }}
{{ if .enable }}
<section class="slider {{ if .bg_overlay }}overly{{ end }}" style="height: 100vh; display: flex; align-items: center; justify-content: center; position: relative;">
<!-- Scroll-Button unten -->
<div class="scrolldown" style="position: absolute; bottom: -120px; left: 50%; transform: translateX(-50%);">
<a href="#about" class="btn btn-secondary" style="cursor: pointer;">
<div class="chevrons">
<div class='chevrondown'></div>
<div class='chevrondown'></div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- /banner -->
</header>
<!-- about -->
{{ with .Params.about }}
{{ if .enable }}
<section id="about" class="about section"> <!-- Add id="about" here -->
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="section-title">
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
{{ with .description }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
</div>
{{ with .content }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
</div>
</div>
<div class="col-md-5 col-sm-12">
<div class="block">
<img src="{{ .image | relURL }}" class="img-responsive" alt="Img">
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- /about -->
{{ with .Params.about }}
{{ if .enable }}
<section class="about section">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="about-img">
<img class="img-responsive" src="{{ .image | relURL }}">
</div>
</div>
<div class="col-md-6">
{{ with .title }}<h2 class="mt-40">{{ . | markdownify }}</h2>{{ end }}
{{ with .content }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
{{ with .button }}
{{ if .enable }}
<a href="{{ .link | relURL }}" class="btn btn-small mt-20">{{ .label }}</a>
{{ end }}
{{ end }}
</div>
</div>
<div class="row counter-box text-center mt-50">
{{ range .funfacts }}
<div class="col-md-2">
<div class="counter-item">
{{ with .icon }}<i class="{{ . }}"></i>{{ end }}
{{ with .count }}<h4 class="count" data-count="{{ . }}">0</h4>{{ end }}
{{ with .name }}<span>{{ . }}</span>{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}
{{ end }}
<section class="text-and-image-section">
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- Bild auf der linken Seite -->
<div class="image-section">
<img src="images/module_reflection_2.webp" alt="Bildbeschreibung" class="img-fluid">
</div>
</div>
<div class="col-md-6">
<!-- Text auf der rechten Seite -->
<div class="text-section" style="max-width: 100%;">
<h2>Unser Angebot</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit... Lorem ipsum dolor sit amet, consectetur adipiscing elit.. Lorem ipsum dolor sit amet, consectetur adipiscing elit.. Lorem ipsum dolor sit amet, consectetur adipiscing elit.. Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
<!-- Bild auf der linken Seite -->
<div class="image-section">
<img src="images/module_reflection_2.webp" alt="Bildbeschreibung" class="img-fluid">
</div>
</div>
<div class="col-md-6">
<!-- Text auf der rechten Seite -->
<div class="text-section" style="max-width: 100%;">
<h2>Unser Angebot</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit... Lorem ipsum dolor sit amet, consectetur adipiscing elit.. Lorem ipsum dolor sit amet, consectetur adipiscing elit.. Lorem ipsum dolor sit amet, consectetur adipiscing elit.. Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
</div>
</div>
</div>
</div>
</section>
<!-- portfolio -->
{{ with .Params.portfolio }}
{{ if .enable }}
<section class="feature bg-2" style="background-image: url('{{ .bg_image | relURL }}')">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-6">
{{ with .title }}<h2 class="section-subtitle">{{ . | markdownify }}</h2>{{ end }}
{{ with .content }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
{{ with .button }}
{{ if .enable }}
<a href="{{ .link | relLangURL }}" class="btn btn-view-works">{{ .label }}</a>
{{ end }}
{{ end }}
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- /portfolio -->
<!-- service -->
{{ if .Params.service.enable }}
{{ partial "service.html" . }}
{{ end }}
<!-- /service -->
<!-- call to action -->
{{ if .Params.cta.enable }}
{{ partial "cta.html" . }}
{{ end }}
<!-- /call to action -->
<!-- funfacts -->
{{ with .Params.funfacts }}
{{ if .enable }}
<section class="testimonial">
<div class="container">
<div class="row">
<div class="section-title text-center">
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
{{ with .description }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="block">
<ul class="counter-box clearfix">
{{ range .funfact_item }}
<li class="counter-item">
<!-- Anstelle eines Icons, das Bild einbinden -->
<img src="{{ .image | relURL }}" alt="{{ .name }}" style="width: 50px; height: auto;"> <!-- Stil nach Bedarf anpassen -->
<h4 class="count" data-count="{{ .count }}">0</h4>
<span>{{ .name | markdownify }}</span>
</li>
{{ end }}
</ul>
</div>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="testimonial-carousel text-center">
<div class="testimonial-slider owl-carousel">
{{ range .testimonial_slider }}
<div>
{{ with .content }}{{ . | $.Page.RenderString (dict "display" "block") }}{{ end }}
<div class="user">
<img src="{{ .image | relURL }}" alt="client">
<p><span>{{ .name | markdownify }}</span> {{ .designation | markdownify }}</p>
</div>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<script>
const canvas = document.getElementById('sinusCanvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const wave = {
y: canvas.height / 2,
length: 0.004,
amplitude: 160,
amplitudeVariation: 60,
frequency: 0.007
};
let increment = wave.frequency;
function animate() {
requestAnimationFrame(animate);
// Setzt den Hintergrundfarbe, um den Kontrast zu erhöhen und die weiße Welle sichtbar zu machen
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)'; // Leichter Trail-Effekt mit dunklem Hintergrund
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
ctx.moveTo(-330, wave.y);
ctx.lineWidth = 1 + Math.abs(Math.sin(increment) * 10); // Dynamische Anpassung der Linienstärke
for (let i = 0; i < canvas.width; i++) {
ctx.lineTo(
i,
wave.y +
Math.sin(i * wave.length + increment) *
wave.amplitude *
Math.sin(increment)
);
}
ctx.strokeStyle = 'white'; // Stellt die Linienfarbe auf Weiß ein
ctx.stroke();
increment += wave.frequency;
}
animate();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var scrollDownButton = document.querySelector('.scroll-down-button');
scrollDownButton.addEventListener('click', function() {
document.querySelector('#about').scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
{{ end }}

188
layouts/_default/karriere.html
View file

@ -1,188 +0,0 @@
{{ define "main" }}
{{ partial "page-title.html" . }}
<style>
.container-wide{width:100%;max-width:1360px;margin:0 auto;padding:0 16px}
.section{padding:56px 0} .band{background:#f4f6f6}
/* HERO */
.hero-media{border-radius:14px;overflow:hidden;box-shadow:0 6px 30px rgba(0,0,0,.06)}
.hero-media img{display:block;width:100%;height:auto}
.hero-lead{opacity:.9;margin-top:.5rem}
/* Werte – Cards */
.value-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;
padding:18px;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.value-ico{width:44px;height:44px;border-radius:12px;margin:0 auto 8px;
display:flex;align-items:center;justify-content:center;
background:rgba(245,166,35,.12);color:#F5A623;line-height:0}
.value-ico svg{width:22px;height:22px;display:block}
.value-title{margin:.2rem 0 .25rem;font-weight:700}
.value-text{margin:0;opacity:.9}
/* Benefits – Ticks in 2 Spalten */
.val-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.tick{display:flex;gap:.6rem;align-items:flex-start}
.tick svg{flex:0 0 20px;margin-top:2px;color:#F5A623}
/* kleine Helfer */
[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s, transform .5s}
[data-reveal].is-visible{opacity:1;transform:none}
</style>
<!-- ========= HERO ========= -->
{{ $h := .Params.hero }}
{{ $img := or (and $h $h.image) .Params.image }}
{{ $alt := or (and $h $h.image_alt) (printf "Arbeiten bei %s" .Site.Title) }}
<section class="section">
<div class="container-wide">
<div class="row align-items-center gx-5 gy-4">
<div class="col-lg-7" data-reveal>
<h3>
{{ if $h }}
{{ with $h.title }}{{ . }}{{ else }}Karriere bei {{ $.Site.Title }}{{ end }}
{{ else }}
Karriere bei {{ .Site.Title }}
{{ end }}
</h3>
{{ with $h }}{{ with .lead }}
<div class="hero-lead">{{ . | markdownify }}</div>
{{ end }}{{ end }}
</div>
<div class="col-lg-5" data-reveal>
{{ with $img }}
<figure class="hero-media">
<img src="{{ . | relURL }}" alt="{{ $alt }}" width="1200" height="800" loading="eager">
</figure>
{{ end }}
</div>
</div>
</div>
</section>
<!-- ========= UNSERE WERTE (Cards) ========= -->
{{ with .Params.values }}
<section class="section band">
<div class="container-wide">
<h3 class="mb-3">Unsere Werte</h3>
<div class="row g-4">
{{ range $i, $v := . }}
<div class="col-md-4" data-reveal>
<article class="value-card">
<div class="value-ico" aria-hidden="true">
{{/* simple Icon-Rotation */}}
{{ if eq (mod $i 3) 0 }}
<!-- target -->
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="currentColor" opacity=".14"/><circle cx="12" cy="12" r="6" fill="none" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="2" fill="currentColor"/></svg>
{{ else if eq (mod $i 3) 1 }}
<!-- badge -->
<svg viewBox="0 0 24 24"><circle cx="12" cy="9" r="5" fill="currentColor" opacity=".18"/><circle cx="12" cy="9" r="5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M8 14l-2 7 6-3 6 3-2-7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>
{{ else }}
<!-- shield -->
<svg viewBox="0 0 24 24"><path d="M12 3l7 3v6c0 5-3.6 9.4-7 10-3.4-.6-7-5-7-10V6l7-3z" fill="currentColor" opacity=".14"/><path d="M12 3l7 3v6c0 5-3.6 9.4-7 10-3.4-.6-7-5-7-10V6l7-3z" fill="none" stroke="currentColor" stroke-width="1.5"/></svg>
{{ end }}
</div>
<h4 class="value-title">{{ $v.title }}</h4>
<p class="value-text">{{ $v.text }}</p>
</article>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}
<!-- ========= WAS WIR BIETEN ========= -->
<section class="section">
<div class="container-wide">
<h3 class="mb-3">Was wir bieten</h3>
<div class="row g-4">
<div class="col-md-6" data-reveal>
<ul class="val-list">
{{ range .Params.benefits_left }}
<li class="tick">
<svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path d="M20 6L9 17l-5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
<span>{{ . | markdownify }}</span>
</li>
{{ end }}
</ul>
</div>
<div class="col-md-6" data-reveal>
<ul class="val-list">
{{ range .Params.benefits_right }}
<li class="tick">
<svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path d="M20 6L9 17l-5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
<span>{{ . | markdownify }}</span>
</li>
{{ end }}
</ul>
</div>
</div>
</div>
</section>
<!-- CALL TO ACTION -->
{{ $impressum := site.GetPage "page" "impressum" }}
{{ $ctaEnabled := or (and .Params.cta .Params.cta.enable) (or .Params.cta_text .Params.cta_label) }}
{{ if $ctaEnabled }}
<section id="cta" class="cta">
<div class="cta__bg" aria-hidden="true">
<div class="cta__grid"></div>
<div class="cta__energy-lines">
<div class="energy-line-h energy-line-h2"></div>
<div class="energy-line-h energy-line-h3"></div>
<div class="energy-line-v energy-line-v1"></div>
<div class="energy-line-v energy-line-v2"></div>
<div class="energy-node energy-node1"></div>
<div class="energy-node energy-node2"></div>
</div>
<div class="cta__gradient-top"></div>
<div class="cta__gradient-bottom"></div>
</div>
<div class="my-container">
<div class="cta__wrap" data-reveal>
<h3 class="cta__title">
{{ .Params.cta_text | default "Gestalte die Energiewende mit uns." }}
</h3>
{{ with .Params.subtitle }}<p class="cta__lead">{{ . }}</p>{{ else }}
<p class="cta__lead">Wir freuen uns über deine Initiativbewerbung!</p>
{{ end }}
<div class="cta__actions">
{{ with .Params.cta_label }}
<a class="cta__btn" href="{{ ($.Params.cta_href | default "/contact/") | relURL }}">
<span aria-hidden="true">⚡</span><span>{{ . }}</span>
</a>
{{ end }}
{{ if $impressum }}
<a class="cta__btn" href="mailto:{{ $impressum.Params.email }}"><span aria-hidden="true">✉️</span><span>E-Mail senden</span></a>
<a class="cta__btn" href="tel:{{ $impressum.Params.telefon }}"><span aria-hidden="true">📞</span><span>Anrufen</span></a>
{{ end }}
</div>
<div class="cta__social">
<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="Instagram Profil AMPERION"></a>
<a class="cta__social-link" href="https://www.linkedin.com/company/amperion-gmbh/" target="_blank" rel="noopener" aria-label="LinkedIn"><img src="/images/social/linkedin.svg" alt="Linkedin Profil AMPERION"></a>
<a class="cta__social-link" href="https://www.facebook.com/share/1CZ7xm6cdw/?mibextid=wwXIfr" target="_blank" rel="noopener" aria-label="Facebook"><img src="/images/social/facebook.svg" alt="Facebook Profil AMPERION"></a>
</div>
</div>
</div>
</section>
{{ end }}
<script>
(function(){
if (window.__careerRevealInit) return; window.__careerRevealInit = true;
var els = document.querySelectorAll("[data-reveal]");
if(!('IntersectionObserver' in window)){ els.forEach(e=>e.classList.add('is-visible')); return; }
var io = new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target); } }); },{threshold:.12});
els.forEach(e=>io.observe(e));
})();
</script>
{{ end }}

840
layouts/_default/leistung.html
View file

@ -1,840 +0,0 @@
{{ define "main" }}
{{ partial "breadcrumbs.html" . }}
{{ partial "page-title.html" . }}
{{/* ==== BILDER SAMMELN (Front-Matter oder Auto-Discovery) ==== */}}
{{ $photos := .Params.images }}
{{ if not $photos }}
{{ $slug := .Params.slug | default .File.TranslationBaseName }}
{{ $cands := slice
(printf "static/images/leistungen/%s1.webp" $slug)
(printf "static/images/leistungen/%s2.webp" $slug)
}}
{{ $auto := slice }}
{{ range $cands }}
{{ if fileExists . }}
{{ $auto = $auto | append (dict "src" (replace . "static" "") "alt" $slug ) }}
{{ end }}
{{ end }}
{{ $photos = $auto }}
{{ end }}
{{/* Erstes Bild für Hero, zweites fürs Ergebnis vormerken */}}
{{ $heroPhoto := cond (gt (len $photos) 0) (index $photos 0) nil }}
{{ $ergebnisPhoto := cond (gt (len $photos) 1) (index $photos 1) nil }}
{{ $.Scratch.Set "ergebnisPhoto" $ergebnisPhoto }}
<!-- ===== Styles (optimiert für 1 oder 3 Spalten) ===== -->
<style>
.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:1400px){.container-wide{max-width:1360px}}
@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 Grid */
.usp-container {
display: grid;
grid-template-columns: 1fr; /* Standard: Handy -> untereinander */
gap: 2rem;
margin-top: 2rem;
justify-items: center;
text-align: center;
}
/* Desktop: immer 3 nebeneinander */
@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>
<!-- =========================
HERO: Bild links, Intro rechts (breit)
========================= -->
<section class="service-hero section" style="margin-top:-24px; padding-top:16px;">
<div class="container-wide">
<div class="row align-items-center gx-5">
<!-- Bild links -->
<div class="col-lg-6 order-1 order-lg-1" data-reveal>
{{ with $heroPhoto }}
<figure class="service-hero__media">
<img src='{{ .src | default . | relURL }}'
alt='{{ .alt | default $.Title }}'
width="1200" height="800"
loading="eager" decoding="async" fetchpriority="high" class="img-fluid">
</figure>
{{ end }}
</div>
<!-- Intro-Text rechts -->
<div class="col-lg-6 order-2 order-lg-2" data-reveal>
{{ if .Content }}
<div class="service-hero__text">
{{ .Content }}
</div>
{{ end }}
</div>
</div>
<!-- USP-Container -->
{{ with .Params.usp }}
<div class="usp-container">
{{ range $i, $u := . }}
<div class="usp-item">
<div class="usp-icon" aria-hidden="true">
{{ if eq (mod $i 3) 0 }}
<!-- Shield -->
<svg viewBox="0 0 24 24" role="img" focusable="false">
<path d="M12 3l7 3v6c0 4.97-3.58 9.43-7 10-3.42-.57-7-5.03-7-10V6l7-3z" fill="currentColor" opacity=".2"/>
<path d="M12 3l7 3v6c0 4.97-3.58 9.43-7 10-3.42-.57-7-5.03-7-10V6l7-3z" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
{{ else if eq (mod $i 3) 1 }}
<!-- Badge -->
<svg viewBox="0 0 24 24" role="img" focusable="false">
<circle cx="12" cy="9" r="5" fill="currentColor" opacity=".2"/>
<circle cx="12" cy="9" r="5" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M8 14l-2 7 6-3 6 3-2-7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
</svg>
{{ else }}
<!-- Target -->
<svg viewBox="0 0 24 24" role="img" focusable="false">
<circle cx="12" cy="12" r="9" fill="currentColor" opacity=".15"/>
<circle cx="12" cy="12" r="6" fill="none" stroke="currentColor" stroke-width="1.5"/>
<circle cx="12" cy="12" r="2" fill="currentColor"/>
</svg>
{{ end }}
</div>
<p class="usp-text">{{ $u | markdownify }}</p>
</div>
{{ end }}
</div>
{{ end }}
</div>
</section>
<!-- =========================
FEATURES CAROUSEL (Mobile-optimiert)
Quelle: .Params.features (array of {title, text, icon?})
========================= -->
{{ with .Params.features }}
<section class="section service-features" aria-label="Leistungen">
<style>
/* ===== Features Carousel Styles ===== */
.service-features {
background-color: #f3f3f3;
padding: 60px 0;
}
.sf-carousel {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.sf-title {
text-align: center;
margin: 0 0 40px;
}
/* Viewport & Track */
.sf-viewport {
overflow: hidden;
border-radius: 20px;
position: relative;
/* Verhindert, dass andere Cards sichtbar sind */
margin: 0 auto;
max-width: 100%;
}
.sf-track {
display: flex;
transition: transform 0.3s ease-out;
will-change: transform;
/* Touch-optimiert */
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
/* Cards - Immer nur eine Card sichtbar */
.sf-card {
flex: 0 0 100%;
padding: 10px;
box-sizing: border-box;
min-width: 100%;
}
.sf-card-inner {
background: #fff;
border-radius: 16px;
padding: 40px 30px;
height: 100%;
min-height: 320px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
/* Touch-Feedback entfernt für bessere Performance */
-webkit-tap-highlight-color: transparent;
}
/* Icon */
.sf-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, #F5A623 0%, #FFC947 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
box-shadow: 0 8px 24px rgba(245, 166, 35, 0.3);
}
.sf-icon svg {
width: 40px;
height: 40px;
color: #fff;
}
/* Content */
.sf-card h3 {
margin: 0 0 16px;
line-height: 1.3;
/* font-size entfernt - verwendet Standard */
}
.sf-card p {
margin: 0;
line-height: 1.6;
/* font-size entfernt - verwendet Standard */
}
/* Navigation Dots */
.sf-dots {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 32px;
padding: 0;
list-style: none;
/* Touch-Target vergrößert */
padding: 10px 0;
}
.sf-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(0,0,0,0.2);
border: none;
cursor: pointer;
transition: all 0.3s;
padding: 0;
/* Touch-Target vergrößert */
position: relative;
}
.sf-dot::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
}
.sf-dot:hover {
background: rgba(245, 166, 35, 0.5);
transform: scale(1.2);
}
.sf-dot.active {
background: #F5A623;
width: 32px;
border-radius: 6px;
}
/* Arrow Navigation - nur Desktop */
.sf-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
background: #fff;
border: none;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
cursor: pointer;
display: none; /* Standardmäßig ausgeblendet */
align-items: center;
justify-content: center;
z-index: 2;
transition: all 0.3s;
font-size: 20px;
color: #333;
}
.sf-arrow:hover {
background: #F5A623;
color: #fff;
transform: translateY(-50%) scale(1.1);
}
.sf-arrow:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.sf-arrow.prev {
left: 20px;
}
.sf-arrow.next {
right: 20px;
}
/* Arrows nur auf Desktop anzeigen */
@media (min-width: 768px) {
.sf-arrow {
display: flex;
}
}
/* Mobile-Optimierungen */
@media (max-width: 767px) {
.sf-carousel {
padding: 0 15px;
}
.sf-card {
padding: 5px;
}
.sf-card-inner {
padding: 30px 20px;
min-height: 280px;
}
/* Schriftgrößen beibehalten - nicht verkleinern auf Mobile */
.sf-icon {
width: 70px;
height: 70px;
}
.sf-icon svg {
width: 35px;
height: 35px;
}
/* Swipe-Indikator */
.sf-viewport::after {
content: '';
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 4px;
background: rgba(0,0,0,0.1);
border-radius: 2px;
pointer-events: none;
}
}
/* Progress bar für Autoplay */
.sf-progress {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
background: #F5A623;
border-radius: 3px;
width: 0;
z-index: 3;
opacity: 0.7;
}
/* Dragging State */
.sf-carousel.is-dragging .sf-track {
transition: none;
cursor: grabbing;
}
.sf-carousel.is-dragging .sf-card-inner {
pointer-events: none;
}
</style>
{{/* Store the features list and count */}}
{{ $features := . }}
{{ $totalFeatures := len $features }}
<div class="sf-carousel" id="sfCarousel">
<h3 class="sf-title">Unsere Leistungen</h3>
<button class="sf-arrow prev" aria-label="Vorherige Leistung">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button class="sf-arrow next" aria-label="Nächste Leistung">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div class="sf-viewport" role="region" aria-roledescription="carousel" aria-label="Leistungen Carousel">
<div class="sf-track" id="sfTrack">
{{ range $i, $f := $features }}
<div class="sf-card" role="group" aria-roledescription="slide" aria-label='{{ printf "Leistung %d von %d" (add $i 1) $totalFeatures }}'>
<div class="sf-card-inner">
<div class="sf-icon" aria-hidden="true">
{{ $icon := $f.icon | default (printf "i-%d" (mod $i 5)) }}
{{ if or (eq $icon "pv") (eq $icon "i-0") }}
<!-- PV/Solar -->
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M3.55 18.54L4.96 19.95L6.76 18.16L5.34 16.74M11 22.45C11.32 22.45 13 22.45 13 22.45V19.5H11M12 5.5C8.14 5.5 5 8.64 5 12.5C5 16.36 8.14 19.5 12 19.5C15.86 19.5 19 16.36 19 12.5C19 8.64 15.86 5.5 12 5.5M20 12.5H23V10.5H20M17.24 18.16L19.04 19.95L20.45 18.54L18.66 16.74M20.45 6.46L19.04 5.05L17.24 6.84L18.66 8.26M13 0.55H11V3.5H13M4 10.5H1V12.5H4M6.76 6.84L4.96 5.05L3.55 6.46L5.34 8.26"/>
</svg>
{{ else if or (eq $icon "speicher") (eq $icon "i-1") }}
<!-- Battery/Speicher -->
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M16 10V8H15V6C15 4.89 14.11 4 13 4H5C3.89 4 3 4.89 3 6V18C3 19.11 3.89 20 5 20H13C14.11 20 15 19.11 15 18V16H16V14H19V10H16M5 6H13V18H5V6M16.5 12.5H18V11.5H16.5V12.5Z"/>
</svg>
{{ else if or (eq $icon "lade") (eq $icon "i-2") }}
<!-- EV Charging -->
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M18 7V4C18 2.9 17.1 2 16 2H5C3.9 2 3 2.9 3 4V20C3 21.1 3.9 22 5 22H16C17.1 22 18 21.1 18 20V18H20C21.1 18 22 17.1 22 16V12C22 10.9 21.1 10 20 10H18V7M5 4H16V20H5V4M18 12H20V16H18V12M11 5H7L11 13V9H15L11 17V13Z"/>
</svg>
{{ else if or (eq $icon "study") (eq $icon "i-3") }}
<!-- Analytics/Study -->
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M22 12C22 6.48 17.52 2 12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12M6.5 13L10 9.5L13 12.5L16.5 9L18 10.5L13 15.5L10 12.5L6.5 16L5 14.5L6.5 13Z"/>
</svg>
{{ else }}
<!-- Check/Service -->
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z"/>
</svg>
{{ end }}
</div>
<h3>{{ $f.title }}</h3>
{{ with $f.text }}<p>{{ . | $.Page.RenderString (dict "display" "inline") }}</p>{{ end }}
</div>
</div>
{{ end }}
</div>
<div class="sf-progress"></div>
</div>
<div class="sf-dots" role="tablist" aria-label="Carousel Navigation">
{{ range $i, $f := $features }}
<button class="sf-dot{{ if eq $i 0 }} active{{ end }}"
role="tab"
aria-selected="{{ if eq $i 0 }}true{{ else }}false{{ end }}"
aria-label="Gehe zu Leistung {{ add $i 1 }}"
data-slide="{{ $i }}">
</button>
{{ end }}
</div>
</div>
<script>
(function() {
const carousel = document.getElementById('sfCarousel');
if (!carousel) return;
const track = document.getElementById('sfTrack');
const cards = Array.from(track.querySelectorAll('.sf-card'));
const dots = carousel.querySelectorAll('.sf-dot');
const prevBtn = carousel.querySelector('.sf-arrow.prev');
const nextBtn = carousel.querySelector('.sf-arrow.next');
const AUTOPLAY_DELAY = 10000; //5Sekunden
const SWIPE_THRESHOLD = 50;
let currentIndex = 0;
let autoplayInterval = null;
let isDragging = false;
let startX = 0;
let currentTranslate = 0;
let prevTranslate = 0;
// --- Infinite Loop: Klone erste und letzte Karte ---
const firstClone = cards[0].cloneNode(true);
const lastClone = cards[cards.length - 1].cloneNode(true);
track.appendChild(firstClone);
track.insertBefore(lastClone, cards[0]);
const allCards = Array.from(track.children);
const totalSlides = allCards.length;
currentIndex = 1;
updateCarousel(false);
// --- Funktionen ---
function updateCarousel(animate = true) {
track.style.transition = animate ? 'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)' : 'none';
track.style.transform = `translateX(${-currentIndex * 100}%)`;
// Dots nur für echte Slides
dots.forEach((dot, i) => {
const slideIndex = (currentIndex - 1 + cards.length) % cards.length;
dot.classList.toggle('active', i === slideIndex);
dot.setAttribute('aria-selected', i === slideIndex);
});
prevTranslate = -currentIndex * 100;
}
function goToSlide(index, animate = true) {
currentIndex = index;
updateCarousel(animate);
}
function nextSlide() { goToSlide(currentIndex + 1); }
function prevSlide() { goToSlide(currentIndex - 1); }
// --- Autoplay ---
function startAutoplay() {
if (autoplayInterval) return;
autoplayInterval = setInterval(nextSlide, AUTOPLAY_DELAY);
}
function stopAutoplay() {
clearInterval(autoplayInterval);
autoplayInterval = null;
}
function resetAutoplay() {
stopAutoplay();
startAutoplay();
}
// --- Buttons und Dots ---
dots.forEach((dot, i) => dot.addEventListener('click', () => goToSlide(i + 1)));
if (prevBtn) prevBtn.addEventListener('click', prevSlide);
if (nextBtn) nextBtn.addEventListener('click', nextSlide);
// --- Pointer Events für Drag/Swipe ---
carousel.addEventListener('pointerdown', pointerStart);
carousel.addEventListener('pointermove', pointerMove);
carousel.addEventListener('pointerup', pointerEnd);
carousel.addEventListener('pointercancel', pointerEnd);
carousel.addEventListener('pointerleave', pointerEnd);
function pointerStart(e) {
// Buttons und Dots sollen Drag nicht auslösen
if (e.target.closest('.sf-arrow') || e.target.closest('.sf-dot')) return;
isDragging = true;
startX = e.clientX;
stopAutoplay();
carousel.setPointerCapture(e.pointerId);
}
function pointerMove(e) {
if (!isDragging) return;
const diffX = e.clientX - startX;
currentTranslate = prevTranslate + (diffX / carousel.offsetWidth) * 100;
// Sanfte Drag-Begrenzung für Looping
const maxTranslate = 0 + 20; // leichtes Stretch nach rechts
const minTranslate = -(totalSlides - 1) * 100 - 20; // leichtes Stretch nach links
currentTranslate = Math.max(minTranslate, Math.min(maxTranslate, currentTranslate));
track.style.transition = 'none';
track.style.transform = `translateX(${currentTranslate}%)`;
}
function pointerEnd(e) {
if (!isDragging) return;
isDragging = false;
const diffX = startX - e.clientX;
if (Math.abs(diffX) > SWIPE_THRESHOLD) {
diffX > 0 ? nextSlide() : prevSlide();
} else {
updateCarousel();
}
resetAutoplay();
}
// --- Infinite Loop Adjustments ---
track.addEventListener('transitionend', () => {
if (currentIndex === 0) {
currentIndex = cards.length;
updateCarousel(false);
} else if (currentIndex === totalSlides - 1) {
currentIndex = 1;
updateCarousel(false);
}
});
// --- Keyboard ---
carousel.addEventListener('keydown', e => {
if (e.key === 'ArrowLeft') prevSlide();
else if (e.key === 'ArrowRight') nextSlide();
});
// --- Visibility change ---
document.addEventListener('visibilitychange', () => {
document.hidden ? stopAutoplay() : startAutoplay();
});
// --- Init ---
updateCarousel(false);
startAutoplay();
})();
</script>
</section>
{{ end }}
<!-- =========================
OUTCOMES (Nutzen/Ergebnisse)
Quelle: .Params.outcomes (array of strings)
========================= -->
{{ with .Params.outcomes }}
<section class="service-outcomes section" aria-label="Ergebnis & Mehrwert">
<style>
.out-row{align-items:center}
.out-media{border-radius:12px;overflow:hidden;box-shadow:0 6px 30px rgba(0,0,0,.06)}
.out-media img{display:block;width:100%;height:auto}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checklist li{display:flex;gap:10px;align-items:flex-start}
.checklist .check{flex:0 0 22px;color:#0AA8A7;margin-top:2px}
</style>
<div class="container-wide" >
<div class="row out-row gx-5">
<!-- Text links -->
<div class="col-lg-6" data-reveal>
<h3 class="mb-3">Ergebnis & Mehrwert</h3>
<ul class="checklist">
{{ range . }}
<li data-reveal>
<svg class="check" viewBox="0 0 24 24" width="22" height="22" aria-hidden="true">
<path d="M20 6L9 17l-5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<span>{{ . | markdownify }}</span>
</li>
{{ end }}
</ul>
</div>
<!-- Bild rechts (nimmt das 2. Bild aus dem Hero-Setup) -->
<div class="col-lg-6" data-reveal>
{{ $erg := $.Scratch.Get "ergebnisPhoto" }}
{{ with $erg }}
<figure class="out-media">
<img src='{{ .src | relURL }}' alt='{{ .alt | default $.Title }}'
width="1200" height="800" loading="lazy" decoding="async">
</figure>
{{ else }}
{{ with $heroPhoto }}
<figure class="out-media">
<img src='{{ .src | relURL }}' alt='{{ .alt | default $.Title }}'
width="1200" height="800" loading="lazy" decoding="async">
</figure>
{{ end }}
{{ end }}
</div>
</div>
</div>
</section>
{{ end }}
{{ partial "related.html" . }}
<!-- =========================
CTA (animierter Hintergrund wie auf Index),
aber: TEXT/Buttons aus Front-Matter binden.
========================= -->
{{ $impressum := site.GetPage "page" "impressum" }}
{{ $ctaEnabled := or (.Params.cta.enable) (or .Params.cta_text .Params.cta_label) }}
{{ if $ctaEnabled }}
<section id="cta" class="cta">
<!-- Animierter Hintergrund (DEIN bestehendes Markup) -->
<div class="cta__bg" aria-hidden="true">
<div class="cta__grid"></div>
<div class="cta__energy-lines">
<div class="energy-line-h energy-line-h2"></div>
<div class="energy-line-h energy-line-h3"></div>
<div class="energy-line-v energy-line-v1"></div>
<div class="energy-line-v energy-line-v2"></div>
<div class="energy-node energy-node1"></div>
<div class="energy-node energy-node2"></div>
</div>
<div class="cta__gradient-top"></div>
<div class="cta__gradient-bottom"></div>
</div>
<!-- Inhalt: jetzt dynamisch aus Front-Matter -->
<div class="my-container">
<div class="cta__wrap" data-reveal>
<h3 class="cta__title">
{{ .Params.cta_text | default "Lassen Sie uns Ihre Vision mit unserer Expertise zur Realität machen." }}
</h3>
<div class="cta__actions">
{{ with .Params.cta_label }}
<a class="cta__btn" href="{{ $.Params.cta_href | default "/contact/" }}">
<span aria-hidden="true">⚡</span><span>{{ . }}</span>
</a>
{{ end }}
</div>
<div class="cta__social">
<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="Instagram Profil AMPERION" role="presentation" aria-hidden="true">
</a>
<a class="cta__social-link" href="https://www.linkedin.com/company/amperion-gmbh/" target="_blank" rel="noopener" aria-label="LinkedIn">
<img src="/images/social/linkedin.svg" alt="Linkedin Profil AMPERION" role="presentation" aria-hidden="true">
</a>
<a class="cta__social-link" href="https://www.facebook.com/share/1CZ7xm6cdw/?mibextid=wwXIfr" target="_blank" rel="noopener" aria-label="Facebook">
<img src="/images/social/facebook.svg" alt="Facebook Profil AMPERION" role="presentation" aria-hidden="true">
</a>
</div>
</div>
</div>
</section>
{{ end }}
<!-- =========================
Micro-Animationen (IntersectionObserver)
- fügt 'is-visible' hinzu, wenn Elemente ins Viewport kommen
========================= -->
<script>
(function(){
if (window.__serviceRevealInit) return; // vermeiden, dass mehrfach registriert wird
window.__serviceRevealInit = true;
var els = document.querySelectorAll("[data-reveal]");
if (!('IntersectionObserver' in window) || !els.length) {
els.forEach(function(el){ el.classList.add('is-visible'); });
return;
}
var io = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
io.unobserve(entry.target);
}
});
}, { threshold: 0.12 });
els.forEach(function(el){ io.observe(el); });
})();
</script>
<!-- =========================
Minimal CSS-Hooks (optional, an deine SCSS anpassen)
========================= -->
<style>
/* Typo hooks */
.kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:.25rem}
.lead{opacity:.9}
/* Media items (icon-left) */
.media-item{display:flex;gap:.9rem;align-items:flex-start}
.media-item .media-icon{flex:0 0 auto;line-height:0;opacity:.9}
.media-item .media-body{flex:1}
/* Features grid spacing */
.service-features .feature{padding:14px 8px;border-radius:12px;transition:transform .25s ease, box-shadow .25s ease}
.service-features .feature:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.06)}
/* Outcomes checklist */
.checklist{list-style:none;padding:0;margin:0}
.checklist li{display:flex;gap:.6rem;align-items:flex-start;margin:.5rem 0}
.checklist .check{color:#F5A623; margin-top:.2rem}
/* Reveal animation */
[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease, transform .5s ease}
[data-reveal].is-visible{opacity:1;transform:none}
.service-photo{border-radius:12px;overflow:hidden}
.service-photo img{display:block;width:100%;height:auto}
.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}
</style>
{{ end }}

107
layouts/_default/list.html
View file

@ -1,5 +1,5 @@
{{ define "main" }}
{{ partial "breadcrumbs.html" . }}
{{ partial "page-title.html" . }}
<!-- checking blog -->
@ -9,29 +9,17 @@
<div class="container">
<div class="row">
<div class="col-md-8">
{{ $paginator := .Paginate .Data.Pages -}}
{{ range $paginator.Pages -}}
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<div class="post">
<div class="post-media post-thumb">
{{ with .Params.image -}}
<a href="{{ $.RelPermalink }}" rel="bookmark">
{{ partial "img.html" (dict
"src" .
"alt" $.Title
"class" "img-responsive"
"loading" "lazy"
"page" $
) }}
{{ if isset .Params "image" -}}
<a href="{{ .RelPermalink }}">
<img src="{{ .Params.image | relURL }}" alt="{{ .Title }}">
</a>
{{- end }}
</div>
<h3 class="post-title" itemprop="headline">
<a href="{{ .RelPermalink }}" rel="bookmark">{{ .Title }}</a>
</h3>
{{- end }}
</div>
<h3 class="post-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
<div class="post-meta">
<ul>
<li><i class="fas fa-calendar-week"></i> {{ time.Format ":date_long" .PublishDate }}</li>
@ -45,12 +33,11 @@
</li>
</ul>
</div>
<div class="post-content">
<p itemprop="description">{{ .Summary }}</p>
<a href="{{ .RelPermalink }}" class="btn btn-main" rel="bookmark">{{ i18n "read_more" }}</a>
<p>{{ .Summary }}</p>
<a href="{{ .RelPermalink }}" class="btn btn-main">{{ i18n "read_more" }}</a>
</div>
</article>
</div>
{{- end }}
<!-- pagination -->
@ -60,55 +47,61 @@
{{ $lower_limit := (add $adjacent_links 1) -}}
{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) -}}
{{ if gt $paginator.TotalPages 1 -}}
<nav class="text-center" aria-label="Blog pagination">
<nav class="text-center">
<ul class="pagination post-pagination">
<!-- Previous page. -->
{{ if $paginator.HasPrev -}}
<li>
<a href="{{ $paginator.Prev.URL }}" class="page-link" rel="prev">{{ i18n "page_prev" }}</a>
<a href="{{ $paginator.Prev.URL }}" class="page-link">{{ i18n "page_prev" }}</a>
</li>
{{- end }}
<!-- Page numbers. -->
{{ range $paginator.Pagers -}}
{{ $page_number_flag := false -}}
{{ if gt $paginator.TotalPages $max_links -}}
{{ if le $paginator.PageNumber $lower_limit -}}
{{ if le .PageNumber $max_links -}}
{{ $page_number_flag = true -}}
{{ end -}}
{{ else if ge $paginator.PageNumber $upper_limit -}}
{{ if gt .PageNumber (sub $paginator.TotalPages $max_links) -}}
{{ $page_number_flag = true -}}
{{ end -}}
{{ else -}}
{{ if and (ge .PageNumber (sub $paginator.PageNumber $adjacent_links)) (le .PageNumber (add $paginator.PageNumber $adjacent_links)) -}}
{{ $page_number_flag = true -}}
{{ end -}}
{{ end -}}
{{ else -}}
{{ $page_number_flag = true -}}
{{ end -}}
{{ if eq $page_number_flag true -}}
<li class="{{ if eq . $paginator }} active {{ end }}">
<a href="{{ .URL }}" {{ if eq . $paginator }}aria-current="page"{{ end }}>
{{ .PageNumber }}
</a>
</li>
{{- end }}
{{ $page_number_flag := false -}}
<!-- Advanced page numbers. -->
{{ if gt $paginator.TotalPages $max_links -}}
<!-- Lower limit pages. -->
<!-- If the user is on a page which is in the lower limit. -->
{{ if le $paginator.PageNumber $lower_limit -}}
<!-- If the current loop page is less than max_links. -->
{{ if le .PageNumber $max_links -}}
{{ $page_number_flag = true -}}
{{ end -}}
<!-- Upper limit pages. -->
<!-- If the user is on a page which is in the upper limit. -->
{{ else if ge $paginator.PageNumber $upper_limit -}}
<!-- If the current loop page is greater than total pages minus $max_links -->
{{ if gt .PageNumber (sub $paginator.TotalPages $max_links) -}}
{{ $page_number_flag = true -}}
{{ end -}}
<!-- Middle pages. -->
{{ else -}}
{{ if and (ge .PageNumber (sub $paginator.PageNumber $adjacent_links)) (le .PageNumber (add $paginator.PageNumber $adjacent_links)) -}}
{{ $page_number_flag = true -}}
{{ end -}}
{{ end -}}
<!-- Simple page numbers. -->
{{ else -}}
{{ $page_number_flag = true -}}
{{ end -}}
<!-- Output page numbers. -->
{{ if eq $page_number_flag true -}}
<li class="{{ if eq . $paginator }} active {{ end }}">
<a href="{{ .URL }}">
{{ .PageNumber }}
</a>
</li>
{{- end }}
{{- end }}
<!-- Next page. -->
{{ if $paginator.HasNext -}}
<li>
<a href="{{ $paginator.Next.URL }}" rel="next">{{ i18n "page_next" }}</a>
<a href="{{ $paginator.Next.URL }}">{{ i18n "page_next" }}</a>
</li>
{{- end }}
</ul>
</nav>
{{- end }}
</div>
<div class="col-md-4">
{{ partial "blog-sidebar.html" . }}
@ -119,7 +112,7 @@
<!-- regular page -->
{{ else -}}
{{ .Render "default" }}
{{ .Render "default" }}
{{- end }}
<!-- /regular page -->

8
layouts/_default/render-image.html
View file

@ -1,8 +0,0 @@
{{- $alt := .Text | default .Title | default "AMPERION" -}}
<img src="{{ .Destination | safeURL }}"
alt="{{ $alt }}"
loading="lazy"
decoding="async"
{{ with .PlainWidth }}width="{{ . }}"{{ end }}
{{ with .PlainHeight }}height="{{ . }}"{{ end }}>
{{- if .Title }}<figcaption>{{ .Title }}</figcaption>{{ end -}}

58
layouts/_default/service01.html Normal file
View file

@ -0,0 +1,58 @@
{{ define "main" }}
{{ partial "page-title.html" . }}
<!-- checking blog -->
{{ if or (eq .Section "post") (eq .Section "posts") (eq .Section "blog") (eq .Section "blogs") (eq .Section "news") (eq .Section "categories") (eq .Section "tags") }}
<section class="page-wrapper">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="post post-single">
<h2 class="post-title">{{ .Title }}</h2>
<div class="post-meta">
<ul>
<li><i class="ion-calendar"></i> {{ time.Format ":date_long" .PublishDate }}</li>
<li><i class="ion-android-people"></i>
{{ i18n "posted_by" }}
{{ $authors := slice }}{{ if reflect.IsSlice .Params.author }}{{ $authors = .Params.author }}{{ else }}{{ $authors = (slice .Params.author) }}{{ end -}}
{{ range $index, $elements := $authors }}{{ if ne $index 0 }}, {{ end }}<a class="text-primary" href="{{ `author/` | relLangURL }}{{ . | urlize }}">{{ . }}</a>{{ end }}
</li>
<li><i class="ion-pricetags"></i>
{{ range $index, $elements:= .Params.tags }}{{ if ne $index 0 }}, {{ end }}<a href="{{ `tags/` | relLangURL }}{{ . | urlize }}">{{ . }}</a>{{ end }}
</li>
</ul>
</div>
<div class="post-thumb">
{{ with .Params.image -}}
<img class="img-responsive" src="{{ . | relURL }}" alt="{{ $.Title }}">
{{- end }}
</div>
<div class="post-content post-excerpt">
{{ .Content }}
</div>
{{ with site.Params.DisqusShortname -}}
<div class="post-comments">
{{ template "_internal/disqus.html" . }}
</div>
{{- end }}
</div>
</div>
<div class="col-md-4">
{{ partial "blog-sidebar.html" . }}
</div>
</div>
</div>
</section>
<!-- regular page -->
{{ else -}}
{{ .Render "default" }}
{{- end }}
<!-- /regular page -->
{{ end }}

20
layouts/_default/single.html
View file

@ -1,7 +1,6 @@
{{ define "main" }}
{{ partial "breadcrumbs.html" . }}
{{ partial "page-title.html" . }}
{{ partial "page-title.html" . }}
<!-- checking blog -->
{{ if or (eq .Section "post") (eq .Section "posts") (eq .Section "blog") (eq .Section "blogs") (eq .Section "news") (eq .Section "categories") (eq .Section "tags") }}
@ -27,25 +26,12 @@
</div>
<div class="post-thumb">
{{ with .Params.image -}}
{{ $img := . }}
{{ $static := printf "static/%s" (strings.TrimLeft "/" $img) }}
{{ $w := 0 }}{{ $h := 0 }}
{{ if fileExists $static }}
{{ with (imageConfig $static) }}{{ $w = .Width }}{{ $h = .Height }}{{ end }}
{{ end }}
<img class="img-responsive"
src="{{ $img | relURL }}"
alt="{{ $.Title | plainify }}"
loading="lazy"
decoding="async"
{{ if gt $w 0 }}width="{{ $w }}"{{ end }}
{{ if gt $h 0 }}height="{{ $h }}"{{ end }}>
{{- end }}
<img class="img-responsive" src="{{ . | relURL }}" alt="{{ $.Title }}">
{{- end }}
</div>
<div class="post-content post-excerpt">
{{ .Content }}
</div>
{{ partial "related.html" . }}
{{ with site.Params.DisqusShortname -}}
<div class="post-comments">
{{ template "_internal/disqus.html" . }}

591
layouts/index.html
View file

@ -1,334 +1,355 @@
{{ define "main" }}
Um den ersten Bereich der Seite beim Scrollen nach unten verschwinden zu lassen und beim Scrollen nach ganz oben wieder erscheinen zu lassen, kannst du JavaScript verwenden, um den Bereich zu verstecken oder anzuzeigen, basierend auf der Scroll-Position. Hier ist, wie du das machen kannst:
Schritt 1: Füge eine ID oder Klasse zum Header hinzu
Füge eine ID oder Klasse zum <header>-Element hinzu, damit du es leicht mit JavaScript ansprechen kannst.
<header id="mainHeader">
{{ with .Params.banner }}
{{ if .enable }}
<!-- HERO / SLIDER -->
<section id="hero" class="slider {{ if .bg_overlay }}overly{{ end }} gif-background"
style="min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative;">
<div class="my-container" style="position: relative; z-index: 2;">
{{ if .enable }}
<section
class="slider {{ if .bg_overlay }}overly{{ end }} gif-background"
style="height: 100vh; display: flex; align-items: center; justify-content: center; position: relative;"
>
<div class="my-container" style="position: relative; z-index: 2;">
<!-- Logo-Container mit 2 Frames (40% / 60%), 10% Rand links & rechts -->
<div class="logo-container">
<!-- Frame 1 -->
<div class="frame1">
<img
src="{{ .logo_image1 | relURL }}"
alt="Logo Frame 1"
class="banner-logo"
>
</div>
<!-- Frame 2 -->
<div class="frame2">
<img
src="{{ .logo_image2 | relURL }}"
alt="Logo Frame 2"
class="banner-logo"
>
</div>
</div>
<!-- Logo-Zeile mit zwei Frames -->
<div class="logo-container">
<div class="frame1">
<img src="{{ .logo_image1 | relURL }}" alt="AMPERION – Ingenieurbüro und Elektrotechnikbetrieb für PV, Speicher & Ladeinfrastruktur" class="banner-logo">
</div>
<div class="frame2">
<img src="{{ .logo_image2 | relURL }}" alt="AMPERION – Planungsbüro" class="banner-logo">
</div>
</div>
<!-- Haupttitel + Button -->
<div class="hero-section" style="margin-top: 10rem;">
{{ with .title }}
<h1 class="hero-title fade-in-title" itemprop="headline">{{ . | markdownify }}</h1>
{{ end }}
{{ with .button }}
{{ if .enable }}
<div class="scrolldown"
onclick="document.getElementById('leistungen-fokusthemen').scrollIntoView({ behavior: 'smooth' });"
style="--color: rgb(0, 0, 0); cursor: pointer;">
<div class="chevrons">
<div class="chevrondown"></div>
<div class="chevrondown"></div>
<!-- Titel / Content / Button -->
<div class="block" style="display: flex; flex-direction: column; justify-content: flex-end; min-height: 10vh; padding: 1rem; box-sizing: border-box; overflow-wrap: break-word;">
{{ with .title }}
<h1 class="title-custom title-custom-margin fade-in-title">
{{ . | markdownify }}
</h1>
{{ end }}
{{ with .button }}
{{ if .enable }}
<div
class='scrolldown'
onclick="document.getElementById('service').scrollIntoView({ behavior: 'smooth' });"
style="--color: rgb(0, 0, 0); cursor: pointer;"
>
<div class="chevrons">
<div class='chevrondown'></div>
<div class='chevrondown'></div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</section>
{{ end }}
</section>
{{ end }}
{{ end }}
</header>
<!-- Scroll/Hide Header -->
<script>
document.addEventListener('DOMContentLoaded', function () {
const hero = document.getElementById('hero');
const targetSection = document.getElementById('leistungen-fokusthemen');
const scrolldown = document.querySelector('.scrolldown');
const header = document.getElementById('mainHeader');
let lastScroll = window.scrollY;
let autoScrollDone = false;
let isAutoScrolling = false;
const offset = 120;
document.addEventListener('DOMContentLoaded', function() {
var scrolldown = document.querySelector('.scrolldown');
scrolldown.addEventListener('click', function() {
const serviceSection = document.getElementById('service');
const offset = 100; // Der Offset in Pixeln
function scrollToTarget() {
if (!targetSection || isAutoScrolling) return;
isAutoScrolling = true;
const y = targetSection.getBoundingClientRect().top + window.pageYOffset - offset;
window.scrollTo({ top: y, behavior: 'smooth' });
setTimeout(() => {
isAutoScrolling = false;
autoScrollDone = true;
}, 1000);
}
// Berechne die Position, zu der gescrollt werden soll
const targetPosition = serviceSection.getBoundingClientRect().top + window.pageYOffset - offset;
// Click handler für Scrolldown
scrolldown?.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
scrollToTarget();
});
window.scrollTo({
top: targetPosition,
behavior: 'smooth' // Sanftes Scrollen
});
});
// Wheel handler für Auto-Scroll am Ende der Hero-Section
let wheelTimeout;
window.addEventListener('wheel', function (e) {
if (autoScrollDone || isAutoScrolling || e.deltaY <= 0 || !hero || !targetSection) return;
clearTimeout(wheelTimeout);
wheelTimeout = setTimeout(() => {
const heroBottom = hero.getBoundingClientRect().bottom;
const threshold = 50;
if (heroBottom <= window.innerHeight + threshold && heroBottom > 0) {
scrollToTarget();
}
}, 50);
}, { passive: true });
// Scroll handler für Header und Chevron
let scrollTimeout;
window.addEventListener('scroll', function () {
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(() => {
// Chevron ausblenden
window.addEventListener("scroll", function() {
if (window.scrollY > 100) {
scrolldown?.classList.add('hide');
scrolldown.classList.add('hide');
} else {
scrolldown?.classList.remove('hide');
scrolldown.classList.remove('hide');
}
// Header verstecken beim Runterscrollen
const currentScroll = window.scrollY;
if (!isAutoScrolling) {
header.style.top = (currentScroll > lastScroll && currentScroll > 100) ? '-100vh' : '0';
if (currentScroll === 0) header.style.top = '0';
lastScroll = currentScroll;
}
// Reset Auto-Scroll wenn zurück im Hero
if (hero) {
const heroTop = hero.getBoundingClientRect().top;
const heroBottom = hero.getBoundingClientRect().bottom;
if (heroTop >= -10 && heroBottom > window.innerHeight * 0.8) {
autoScrollDone = false;
}
}
}, 10);
});
});
// Reset beim Seitenwechsel
window.addEventListener('beforeunload', () => {
window.scrollTo(0, 0);
});
});
</script>
<!-- KOMBINIERTE SECTION: Leistungen & Fokusthemen -->
<section id="leistungen-fokusthemen" class="section combined-services " style="background-color:#f3f3f3;">
<div class="my-container">
<div class="grid-section services-grid" data-aos="fade-up" data-aos-delay="50">
{{ partial "section-grid.html" (dict "page" "/service" "type" "zoom" "hideSection" true) }}
<script>
document.addEventListener('DOMContentLoaded', function() {
var header = document.getElementById('mainHeader');
var lastScrollPosition = window.scrollY;
window.addEventListener('scroll', function() {
var currentScrollPosition = window.scrollY;
// Wenn der Benutzer nach unten scrollt, verstecke den Header
if (currentScrollPosition > lastScrollPosition) {
header.style.top = '-100vh'; // Passe diesen Wert an die Höhe deines Headers an
}
// Wenn der Benutzer nach oben scrollt, zeige den Header wieder an
else {
header.style.top = '0';
}
// Wenn der Benutzer ganz nach oben scrollt, zeige den Header an
if (currentScrollPosition === 0) {
header.style.top = '0';
}
lastScrollPosition = currentScrollPosition;
});
});
</script>
<div style="height: 200px;"></div>
<!-- whyamperion -->
{{ if .Params.whyamperion.enable }}
{{ partial "whyamperion.html" . }}
{{ end }}
<!-- /whyamperion -->
<!-- services -->
{{ with site.GetPage "/service" }}
{{ with .Params.service }}
<section id="service" class="service">
<!-- container-fluid + my-container => um beides kombinieren zu können -->
<div class="container-fluid my-container">
<!-- Block mit Titel und Beschreibung -->
<div class="services-title">
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
</div>
<div class="grid-spacer" aria-hidden="true"></div>
<div class="grid-section focus-grid" data-aos="fade-up" data-aos-delay="100">
{{ partial "section-grid.html" (dict "page" "/focustopic" "type" "zoom" "hideSection" true) }}
<div class="services-description">
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
</div>
<!-- CSS-Grid/Flexbox-Bereich mit den Bildern -->
<div class="service-grid">
{{ range first 3 .service_item }} <!-- Hier nur die ersten 3 Elemente nehmen -->
<div class="service-item-fixed">
<div class="zoom-wrap">
<a href="{{ .link | relURL }}">
<img src="{{ .picture | relURL }}" alt="{{ .name }}">
<div class="overlay-text">
{{ .name }}
</div>
<div class="overlay"></div>
</a>
</div>
</div>
{{ end }}
</div><!-- /service-grid -->
</div><!-- /container-fluid.my-container -->
</section>
{{ end }}
{{ end }}
<!-- /services -->
<!-- focustopics -->
{{ with site.GetPage "/focustopic" }} <!-- Hier den Pfad zur service2.md anpassen -->
{{ with .Params.service }}
<section id="service" class="service">
<div class="container-fluid my-container">
<div class="services-title">
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
</div>
<div class="services-description">
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
</div>
<div class="service-grid">
{{ range first 3 .service_item }}
<div class="service-item-fixed">
<div class="zoom-wrap">
<a href="{{ .link | relURL }}">
<img src="{{ .picture | relURL }}" alt="{{ .name }}">
<div class="overlay-text">
{{ .name }}
</div>
<div class="overlay"></div>
</a>
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- /focustopics -->
<div style="height: 100px;"></div>
<!-- DARUM AMPERION -->
<section class="whyamperion section">
<div class="container my-container">
<!-- Titelblock -->
<div class="row">
<div class="text-center" data-aos="fade-up" data-aos-delay="100">
<h2>Darum AMPERION</h2>
<h3><em>Kompetenz, auf die Sie bauen können – von der Idee bis zur Inbetriebnahme.</em></h3>
</div>
<!-- why amperion -->
{{ with site.GetPage "/why-amperion" }}
<section class="services-section">
<h2 class="services-title">{{ .Params.service.title | default "OUR SERVICES" }}</h2>
<h3 class="services-description">{{ .Params.service.description | default "Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts." | markdownify }}</h3>
<div class="services-grid">
{{ range first 6 .Params.featured_service.service_item }}
<div class="service-card">
<img src="{{ .image | relURL }}" alt="{{ .name }}" class="service-icon">
<h3 class="service-card-title">{{ .name }}</h3>
<p class="service-card-description"><strong>{{ .content1 | markdownify }}</strong> {{ .content | markdownify }}</p>
</div>
<!-- Karten -->
<div class="why-grid mt-5">
{{ $delay := 0 }}
{{ $delayStep := 100 }}
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/file-badge.svg" alt="Technische Planungskompetenz - Von der Idee zur bewilligten Ausführungsplanung" class="service-icon mb-3">
<h4 class="service-card-title">Technische Planungskompetenz</h4>
<p class="service-card-description">
<strong>Langjährige Erfahrung mit komplexer Energieplanung –</strong> normgerecht, effizient &amp; zukunftssicher.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/plug-zap.svg" alt="Intelligente Energiesysteme - Schnittstellen im Griff: vom Baustart bis zur Inbetriebnahme" class="service-icon mb-3">
<h4 class="service-card-title">Intelligente Energiesysteme</h4>
<p class="service-card-description">
<strong>Von PV bis Speicher und Lastmanagement –</strong> für maximale Eigenversorgung und Netzverträglichkeit.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/headset.svg" alt="Persönliche Betreuung - Mehr als Beratung: Wir machen Energieprojekte planbar & profitabel" class="service-icon mb-3">
<h4 class="service-card-title">Persönliche Betreuung</h4>
<p class="service-card-description">
<strong>Kurze Wege, schnelle Antworten –</strong> direkte Ansprechpartner, auch nach Projektabschluss.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/hard-hat.svg" alt="Reibungslose Projektabwicklung - Wir übernehmen die technische Koordination von Einreichung bis Ausschreibung." class="service-icon mb-3">
<h4 class="service-card-title">Reibungslose Projektabwicklung</h4>
<p class="service-card-description">
<strong>Wir übernehmen die technische Koordination –</strong> von Einreichung bis Ausschreibung.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/network.svg" alt="Vernetzte Energiezukunft - Wir denken Energie ganzheitlich modular, digital und wachstumsfähig geplant." class="service-icon mb-3">
<h4 class="service-card-title">Vernetzte Energiezukunft</h4>
<p class="service-card-description">
<strong>Wir denken Energie ganzheitlich –</strong> modular, digital und wachstumsfähig geplant.
</p>
</article>
<article class="service-card text-center" data-aos="zoom-in" data-aos-delay="{{ $delay = add $delay $delayStep }}">
<img src="icons/circuit-board.svg" alt="Präzise Systemplanung - Alle Komponenten exakt abgestimmt wirtschaftlich und regelkonform." class="service-icon mb-3">
<h4 class="service-card-title">Präzise Systemplanung</h4>
<p class="service-card-description">
<strong>Alle Komponenten exakt abgestimmt –</strong> wirtschaftlich und regelkonform.
</p>
</article>
</div>
</div>
<!-- Affiliations / Verbände unterhalb der Cards -->
<div class="darum-aff-row" data-aos="fade-up" data-aos-delay="100">
<!-- Linker Block: Ingenieurbüros + Co. -->
<div class="aff-group aff-left">
<div class="aff-logos">
<a href="https://www.ingenieurbueros.at/"
target="_blank"
rel="noopener external nofollow"
aria-label="Ingenieurbüros Österreich – Website öffnen"
title="Ingenieurbüros Österreich">
<img src="images/logo-fusszeile-mitglieder-2018.webp" alt="Ingenieurbüros Österreich">
</a>
</div>
</div>
<!-- Rechter Block: Elektriker Österreich (klickbar, NUR Logo) -->
<a class="aff-group aff-right"
href="https://elektrikeroesterreich.at/"
target="_blank"
rel="noopener external nofollow"
aria-label="Elektriker Österreich – Website öffnen"
title="Elektriker Österreich">
<img src="/images/logoelektrikeroedachmarke.png"
alt="Mitglied bei Elektriker Österreich"
class="aff-pva-logo">
</a>
{{ end }}
</div>
</section>
{{ end }}
<!-- ÜBER AMPERION -->
<!-- /why amperion -->
<div style="height: 100px;"></div>
{{ if .Params.contact.enable }}
{{ partial "cta.html" . }}
{{ end }}
<!-- about -->
{{ with .Params.about }}
{{ if .enable }}
<section id="about" class="about section" style="background-color:#f3f3f3">
<section id="about" class="about section">
<div class="my-container">
<div class="row">
<div class="col-12 text-center">
<div class="services-title">
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
</div>
<div class="services-description">
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
</div>
</div>
</div>
<div class="row">
<div class="col-md-9 col-sm-12">
<div class="text-left">
{{ with .content }}{{ . | markdownify }}{{ end }}</div>
<div class="hover-link">
{{ with .link_text }}
<a href="{{ "/about/" | relURL }}">{{ . }}</a>
{{ end }}
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="block">
<img src="{{ .image | relURL }}" class="custom-image" alt="Img">
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- /about -->
<div style="height: 100px;"></div>
<!-- call to action -->
{{ if .Params.cta.enable }}
{{ partial "cta.html" . }}
{{ end }}
<!-- /call to action -->
<div style="height: 100px;"></div>
<!-- facts -->
{{ with .Params.facts }}
{{ if .enable }}
<section class="facts">
<div class="container">
<div class="row">
<div class="col-12 text-center" data-aos="fade-up" data-aos-delay="100">
<h2>Über AMPERION</h2>
{{ with .description }}<h3>{{ . | markdownify }}</h3>{{ end }}
</div>
</div>
<div class="row mt-4 d-flex align-items-stretch about-row">
<!-- Textbereich -->
<div class="col-md-7 col-sm-12 d-flex h-1000" data-aos="fade-right" data-aos-delay="200">
<div class="text-left w-100 my-auto">
{{ with .content }}{{ . | markdownify }}{{ end }}
</div>
<a href="/about/" class="about-cta">MEHR ÜBER UNS</a>
</div>
<!-- Bildbereich -->
<div class="col-md-5 col-sm-12 d-flex h-10" data-aos="zoom-in" data-aos-delay="300">
<div class="about-image-wrap">
<img src="{{ .image | relURL }}" class="about-image" alt="Über AMPERION Bild">
{{ range .fact_item }}
<div class="col-md-6">
<div class="fact-item text-center">
<img src="{{ .image | relURL }}" alt="{{ .name }}" class="fact-image">
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}
{{ end }}
<!-- CALL TO ACTION -->
{{ $impressum := site.GetPage "page" "impressum" }}
{{ $cta := .Params.cta }}
{{ with $cta }}
{{ if .enable }}
<section id="cta" class="cta">
<!-- Animierter Hintergrund -->
<div class="cta__bg" aria-hidden="true">
<div class="cta__grid"></div>
<div class="cta__energy-lines">
<div class="energy-line-h energy-line-h2"></div>
<div class="energy-line-h energy-line-h3"></div>
<div class="energy-line-v energy-line-v1"></div>
<div class="energy-line-v energy-line-v2"></div>
<div class="energy-node energy-node1"></div>
<div class="energy-node energy-node2"></div>
</div>
<div class="cta__gradient-top"></div>
<div class="cta__gradient-bottom"></div>
</div>
<style>
.testimonial-item .images-container {
display: flex;
justify-content: center;
gap: 10px; /* Abstand zwischen den Bildern */
}
<!-- Content -->
<div class="my-container">
<div class="cta__wrap">
<h3 class="cta__title">
{{ .title | default "Lassen Sie uns Ihre Vision mit unserer Expertise zur Realität machen." }}
</h3>
<p class="cta__lead">
{{ .lead | default "Bereit für Ihr Energieprojekt?" }}
<span class="cta__accent">{{ .accent | default "Kostenfreie Erstberatung sichern!" }}</span>
</p>
.testimonial-item .testimonial-image {
width: 10px; /* Anpassen der Breite nach Bedarf */
height: auto;
}
</style>
<div class="cta__actions">
{{ with $impressum }}
{{ with .Params.email }}
<a class="cta__btn" href="mailto:{{ . }}">
<span aria-hidden="true">✉️</span><span>{{ $.Params.cta.email_button_text | default "E-Mail senden" }}</span>
</a>
{{ end }}
{{ with .Params.telefon }}
<a class="cta__btn" href="tel:{{ . }}">
<span aria-hidden="true">📞</span><span>{{ $.Params.cta.phone_button_text | default "Anrufen" }}</span>
</a>
{{ end }}
{{ end }}
</div>
<div class="cta__social">
<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="Instagram Profil AMPERION" role="presentation" aria-hidden="true">
</a>
<a class="cta__social-link" href="https://www.linkedin.com/company/amperion-gmbh/" target="_blank" rel="noopener" aria-label="LinkedIn">
<img src="/images/social/linkedin.svg" alt="Linkedin Profil AMPERION" role="presentation" aria-hidden="true">
</a>
<a class="cta__social-link" href="https://www.facebook.com/share/1CZ7xm6cdw/?mibextid=wwXIfr" target="_blank" rel="noopener" aria-label="Facebook">
<img src="/images/social/facebook.svg" alt="Facebook Profil AMPERION" role="presentation" aria-hidden="true">
</a>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
<div style="height: 100px;"></div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var scrollDownButton = document.querySelector('.scroll-down-button');
scrollDownButton.addEventListener('click', function() {
document.querySelector('#about').scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var scrolled = false;
var initialScrollListener = function() {
if (!scrolled) {
window.removeEventListener('scroll', initialScrollListener);
document.getElementById('welcome').scrollIntoView({ behavior: 'smooth' });
scrolled = true;
}
};
window.addEventListener('scroll', initialScrollListener);
});
document.addEventListener("scroll", function() {
var scrolldown = document.querySelector('.scrolldown');
if (window.scrollY > 100) { // Adjust this value based on when you want to hide the icon
scrolldown.classList.add('hide');
} else {
scrolldown.classList.remove('hide');
}
});
</script>
{{ end }}

86
layouts/partials/breadcrumbs.html
View file

@ -1,86 +0,0 @@
{{/* Breadcrumbs mit Microdata + JSON-LD
- Zeigt nichts auf der Startseite
- Crumbs: Startseite → (Sektion/Kategorie) → Aktuelle Seite
- Sektionen werden auf DACH-taugliche Labels gemappt
*/}}
{{ if not .IsHome }}
{{/* ------- Hilfsfunktionen/Labels ------- */}}
{{ $section := .Section | default "" }}
{{ $sectionLabel := "" }}
{{ if eq $section "leistungen" }}{{ $sectionLabel = "Leistungen" }}
{{ else if or (eq $section "post") (eq $section "posts") (eq $section "blog") (eq $section "blogs") (eq $section "news") }}{{ $sectionLabel = "Wissen" }}
{{ else if or (eq $section "fokusthemen") (eq $section "themen") }}{{ $sectionLabel = "Fokusthemen" }}
{{ else if eq $section "referenzen" }}{{ $sectionLabel = "Referenzen" }}
{{ else if .CurrentSection }}{{ $sectionLabel = .CurrentSection.Title }}
{{ end }}
{{ $crumbs := slice (dict "name" "Startseite" "url" ("/" | relURL)) }}
{{/* Sektion (falls vorhanden) */}}
{{ if $sectionLabel }}
{{ $secURL := cond .CurrentSection ( .CurrentSection.RelPermalink ) (printf "/%s/" $section | relURL) }}
{{ $crumbs = $crumbs | append (dict "name" $sectionLabel "url" $secURL ) }}
{{ end }}
{{/* Optional: erste Kategorie als weiterer Crumb (außer sie wäre ident mit Sektion) */}}
{{ $cat := index .Params.categories 0 }}
{{ if and $cat (ne (lower $cat) (lower $sectionLabel)) }}
{{ $catPage := site.GetPage (printf "/categories/%s" (urlize $cat)) }}
{{ $catURL := cond $catPage $catPage.RelPermalink (printf "/categories/%s/" (urlize $cat) | relURL) }}
{{ $crumbs = $crumbs | append (dict "name" $cat "url" $catURL ) }}
{{ end }}
{{/* Aktuelle Seite */}}
{{ $crumbs = $crumbs | append (dict "name" .Title "url" .RelPermalink) }}
<nav class="breadcrumbs container" aria-label="Brotkrumen" itemscope itemtype="https://schema.org/BreadcrumbList">
<ol>
{{ range $i, $c := $crumbs }}
{{ $pos := add $i 1 }}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
{{ if lt $i (sub (len $crumbs) 1) }}
<a itemprop="item" href="{{ $c.url }}">
<span itemprop="name">{{ $c.name }}</span>
</a>
{{ else }}
<span itemprop="name" aria-current="page">{{ $c.name }}</span>
{{ end }}
<meta itemprop="position" content="{{ $pos }}" />
</li>
{{ end }}
</ol>
</nav>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{{- range $i, $c := $crumbs -}}
{{- if $i }},{{ end -}}
{
"@type": "ListItem",
"position": {{ add $i 1 }},
"name": {{ $c.name | jsonify }},
"item": {{ (absURL $c.url) | jsonify }}
}
{{- end -}}
]
}
</script>
<style>
/* Minimal-Styles; kollidiert nicht mit deinem Theme */
.breadcrumbs { font-size:.875rem; margin: 8px auto 0; }
.breadcrumbs ol { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.35rem; align-items:center }
.breadcrumbs li { color:#6b7280 } /* neutral-500 */
.breadcrumbs a { color:inherit; text-decoration:none }
.breadcrumbs a:hover { text-decoration:underline }
.breadcrumbs li::after { content:"/"; margin:0 .35rem; opacity:.5 }
.breadcrumbs li:last-child::after { content:"" }
@media (max-width: 768px) { .breadcrumbs { padding:0 16px } }
</style>
{{ end }}

27
layouts/partials/cta.html Normal file
View file

@ -0,0 +1,27 @@
{{ $impressum := site.GetPage "page" "impressum" }}
{{ with site.GetPage "/" }}
{{ with .Params.cta }}
<section class="call-to-action bg-1 section-sm overly" style="background-image: url('{{ .bg_image | relURL }}'); position: relative; background-attachment: fixed; background-size: cover;">
<div class="overlay-dark"></div> <!-- DAS NEUE OVERLAY -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block" style="position: relative; z-index: 1;">
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
{{ with .content }}<p>{{ . | markdownify }}</p>{{ end }}
{{ with .button }}
{{ if .enable }}
<a class="btn btn-main btn-solid-border" href="mailto:{{ $impressum.Params.email }}">E-mail</a>
<br>
<a class="btn btn-main btn-solid-border" href="tel:{{ index $impressum.Params.telefon }}">TELEFON</a>
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}

8
layouts/partials/footer.html
View file

@ -15,11 +15,3 @@
</div>
</footer>
<!-- AOS JS -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
duration: 800,
once: true
});
</script>

151
layouts/partials/head.html
View file

@ -1,130 +1,69 @@
{{ partial "seo.html" . }}
<meta charset="utf-8">
<title>{{.Title | default site.Title}}</title>
<title>
{{- if .IsHome -}}
Ingenieurbüro für PV, Speicher & Ladeinfrastruktur | AMPERION
{{- else -}}
{{- with .Params.meta_title -}}
{{ . }}
{{- else -}}
{{ .Title }} | AMPERION
{{- end -}}
{{- end -}}
</title>
<!-- base url (vom Theme genutzt, belassen) -->
<!-- base url -->
{{ if or (eq site.BaseURL "/") (eq site.BaseURL "http://localhost:1313/") (eq site.BaseURL "http://examplesite.org/") (eq site.BaseURL "https://examplesite.org/") (eq site.BaseURL "http://examplesite.com/") (eq site.BaseURL "https://examplesite.com/")}}{{else}}
<base href="{{ .Permalink }}">
{{ end }}
<!-- Canonical + self-referential hreflang -->
<link rel="canonical" href="{{ .Permalink }}">
<link rel="alternate" hreflang="{{ site.LanguageCode | default `de-AT` }}" href="{{ .Permalink }}">
{{ if not .IsTranslated }}
<link rel="alternate" hreflang="x-default" href="{{ .Permalink }}">
{{ end }}
<!-- Multilingual alternates -->
<!-- multilingual SEO optimizations -->
{{ if .IsTranslated }}
{{ range .AllTranslations }}
<link rel="alternate" hreflang="{{ .Lang }}" href="{{ .RelPermalink | absLangURL }}">
{{ end }}
<link rel="alternate" hreflang="x-default" href="{{ .RelPermalink | absLangURL }}">
{{ range .AllTranslations }}
<link rel="alternate" hreflang="{{.Lang}}" href="{{ .RelPermalink | absLangURL }}">
{{ end }}
<link rel="alternate" hreflang="x-default" href="{{ .RelPermalink | absLangURL }}">
{{ end }}
<!-- Viewport: nur EIN Tag -->
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ with site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<meta name="description" content="{{ .Params.Description | default site.Params.description }}">
{{ with site.Params.author }}
<meta name="author" content="{{ . }}">{{ end }}
{{ hugo.Generator }}
<!-- Optional: manuelles Preload von Bildern pro Seite -->
{{ with .Params.preload_images }}
{{ range . }}
<link rel="preload" as="image" href="{{ . | relURL }}">
{{ end }}
{{ end }}
{{ with .Params.robots }}<meta name="robots" content="{{ . }}">{{ end }}
<!-- Theme / Manifest / Favicons -->
<!-- theme meta -->
<meta name="theme-name" content="airspace-hugo" />
{{ $favicon := site.Params.favicon }}
<!-- favicon -->
{{ $favicon:= site.Params.favicon }}
{{ if $favicon }}
{{ if fileExists (add `assets/` $favicon) }}
{{ $fav := resources.Get $favicon }}
{{ $f16 := $fav.Resize "16x png" }}
{{ $f32 := $fav.Resize "32x png" }}
{{ $f180 := $fav.Resize "180x png" }}
<link rel="shortcut icon" href="{{ $f32.RelPermalink }}" type="image/x-icon">
<link rel="icon" href="{{ $f32.RelPermalink }}" type="image/x-icon">
<link rel="icon" type="image/png" sizes="16x16" href="{{ $f16.RelPermalink }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ $f32.RelPermalink }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ $f180.RelPermalink }}">
{{ end }}
{{ if fileExists (add `assets/` $favicon) }}
{{ $favicon:= resources.Get $favicon }}
{{ $favicon_16:= $favicon.Resize "16x png"}}
{{ $favicon_32:= $favicon.Resize "32x png"}}
{{ $favicon_180:= $favicon.Resize "180x png"}}
<link rel="shortcut icon" href="{{$favicon_32.RelPermalink}}" type="image/x-icon">
<link rel="icon" href="{{$favicon_32.RelPermalink}}" type="image/x-icon">
<link rel="icon" type="image/png" sizes="16x16" href="{{$favicon_16.RelPermalink}}">
<link rel="icon" type="image/png" sizes="32x32" href="{{$favicon_32.RelPermalink}}">
<link rel="apple-touch-icon" sizes="180x180" href="{{$favicon_180.RelPermalink}}">
{{ end }}
<link rel="manifest" href="{{ `manifest.webmanifest` | relLangURL }}">
<meta name="msapplication-TileColor" content="{{ site.Params.variables.color_primary | default `#da532c` }}">
<meta name="theme-color" content="{{ site.Params.variables.body_color | default `#ffffff` }}">
{{ end }}
<link rel="manifest" href="{{`manifest.webmanifest` | relLangURL }}">
<meta name="msapplication-TileColor" content="{{site.Params.variables.color_primary | default `#da532c`}}">
<meta name="theme-color" content="{{site.Params.variables.body_color | default `#ffffff` }}">
<!-- OG/Twitter: Bild + Maße + Card (einheitlich, ohne Duplikate) -->
<!-- Open Graph image and Twitter Card meta-data -->
{{ $image_path := .Params.image | default site.Params.image }}
{{ $image_path_local := printf "assets/%s" $image_path }}
{{ $image_path_local := printf "assets/%s" $image_path }}
{{ $image_ext := trim (path.Ext $image_path | lower) "." }}
{{/* Titel & Beschreibung für OG/Twitter */}}
{{ $ogt := cond .IsHome "Ingenieurbüro für PV, Speicher & Ladeinfrastruktur | AMPERION" (cond .Params.meta_title .Params.meta_title (printf "%s | AMPERION" .Title)) }}
{{ $desc := .Params.meta_description | default site.Params.description }}
{{ $isArticle := in (slice "post" "posts" "blog" "blogs" "news") .Section }}
<meta property="og:type" content="{{ if $isArticle }}article{{ else }}website{{ end }}">
<meta property="og:url" content="{{ .Permalink }}">
<meta property="og:title" content="{{ $ogt }}">
{{ with $desc }}<meta property="og:description" content="{{ . | plainify }}">{{ end }}
{{ if fileExists $image_path_local }}
<meta property="og:image" content="{{ $image_path | absURL }}">
{{ if ne $image_ext "svg" }}
{{ with (imageConfig $image_path_local) }}
{{ if (and (gt .Width 144) (gt .Height 144)) }}
<meta name="twitter:image" content="{{ $image_path | absURL }}">
{{ end }}
<meta property="og:image:width" content="{{ .Width }}">
<meta property="og:image:height" content="{{ .Height }}">
{{ end }}
{{ end }}
<meta property="og:image" content="{{ $image_path | absURL }}" />
<!-- If not SVG, read image aspect ratio and define Twitter Card and Open Graph width and height -->
{{ if ne $image_ext "svg" }}
{{ with (imageConfig $image_path_local) }}
{{ if (and (gt .Width 144) (gt .Height 144)) }}
<meta name="twitter:image" content="{{ $image_path | absURL }}" />
<meta name="twitter:card"
content="summary{{ if (and (gt .Width 300) (gt .Height 157) (not (eq .Width .Height))) }}_large_image{{ end }}">
{{ end }}
<meta property="og:image:width" content="{{ .Width }}">
<meta property="og:image:height" content="{{ .Height }}">
{{ end }}
{{ end }}
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ $ogt }}">
{{ with $desc }}<meta name="twitter:description" content="{{ . | plainify }}">{{ end }}
<!-- AOS CSS + Bootstrap (defer) -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
<!-- Styles: werden über partial "style.html" eingebunden (nicht hier erneut) -->
<!-- Strukturierte Daten: Organization -->
{{ if templates.Exists "partials/ld-org.html" }}
{{ partial "ld-org.html" . }}
{{ end }}
{{ template "_internal/opengraph.html" . }}
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.amperion.at/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo -->

26
layouts/partials/img.html
View file

@ -1,26 +0,0 @@
{{/* Re-usable image partial with alt + size fallback
Usage:
{{ partial "img.html" (dict "src" "/images/foo.webp" "alt" "Kurzbeschreibung" "class" "img-fluid" "loading" "lazy" "page" .) }}
*/}}
{{- $src := .src -}}
{{- $alt := .alt | default .page.Title -}}
{{- $class := .class -}}
{{- $loading := .loading | default "lazy" -}}
{{- $w := 0 -}}
{{- $h := 0 -}}
{{- $static := printf "static/%s" (strings.TrimLeft "/" $src) -}}
{{- if fileExists $static -}}
{{- with (imageConfig $static) -}}
{{- $w = .Width -}}
{{- $h = .Height -}}
{{- end -}}
{{- end -}}
<img src="{{ $src | relURL }}"
alt="{{ $alt | plainify }}"
loading="{{ $loading }}"
decoding="async"
{{ if gt $w 0 }}width="{{ $w }}"{{ end }}
{{ if gt $h 0 }}height="{{ $h }}"{{ end }}
class="{{ $class }}">

26
layouts/partials/ld-org.html
View file

@ -1,26 +0,0 @@
{{- /* Organization JSON-LD — robust, nur Felder ausgeben, die vorhanden sind */ -}}
{{- $logo := site.Params.logo | default site.Params.favicon | default site.Params.image | default "images/logo.webp" -}}
{{- $email := site.Params.email | default "" -}}
{{- $phone := site.Params.phone1 | default site.Params.phone | default "" -}}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "AMPERION GmbH",
"url": {{ "/" | absURL | jsonify }},
"logo": {{ ($logo | relURL | absURL) | jsonify }},
"sameAs": [
"https://www.linkedin.com/company/amperion-gmbh/",
"https://www.instagram.com/amperion.at/",
"https://www.facebook.com/share/1CZ7xm6cdw/?mibextid=wwXIfr"
]{{ if or $email $phone }},
"contactPoint": [{
"@type": "ContactPoint",
"contactType": "customer service"{{ if $phone }},
"telephone": {{ $phone | jsonify }}{{ end }}{{ if $email }},
"email": {{ $email | jsonify }}{{ end }},
"areaServed": "AT"
}]{{ end }}
}
</script>

543
layouts/partials/page-title.html
View file

@ -1,541 +1,14 @@
<!-- page-title.html - AMPERION Stromkreis Animation -->
<section class="page-title">
<!-- Animierter Stromkreis-Hintergrund -->
<div class="circuit-bg" aria-hidden="true">
<!-- Hauptstromkreis -->
<svg class="circuit-main" viewBox="0 0 1200 400">
<!-- Leiterbahnen -->
<path class="circuit-path circuit-path-1" d="M0,200 L300,200 L350,150 L600,150 L650,200 L1200,200" />
<path class="circuit-path circuit-path-2" d="M100,100 L400,100 L450,150 L750,150 L800,100 L1100,100" />
<path class="circuit-path circuit-path-3" d="M200,300 L500,300 L550,250 L850,250 L900,300 L1200,300" />
<!-- Verbindungspunkte -->
<circle class="circuit-node" cx="300" cy="200" r="4"/>
<circle class="circuit-node" cx="600" cy="150" r="4"/>
<circle class="circuit-node" cx="400" cy="100" r="4"/>
<circle class="circuit-node" cx="750" cy="150" r="4"/>
<circle class="circuit-node" cx="500" cy="300" r="4"/>
<circle class="circuit-node" cx="850" cy="250" r="4"/>
<!-- Komponenten (Widerstände, Kondensatoren) -->
<rect class="circuit-component" x="345" y="145" width="30" height="10" rx="2"/>
<rect class="circuit-component" x="745" y="95" width="30" height="10" rx="2"/>
<rect class="circuit-component" x="545" y="245" width="30" height="10" rx="2"/>
</svg>
<!-- Energie-Pulse -->
<div class="energy-pulse pulse-1"></div>
<div class="energy-pulse pulse-2"></div>
<div class="energy-pulse pulse-3"></div>
<!-- Blitz-Effekte -->
<svg class="lightning-effect lightning-1" width="100" height="200" viewBox="0 0 100 200">
<path d="M50,0 L30,80 L60,80 L40,200" stroke="currentColor" stroke-width="2" fill="none"/>
</svg>
<svg class="lightning-effect lightning-2" width="100" height="200" viewBox="0 0 100 200">
<path d="M50,0 L30,80 L60,80 L40,200" stroke="currentColor" stroke-width="2" fill="none"/>
</svg>
<!-- Voltmeter Animation -->
<div class="voltmeter">
<svg width="120" height="120" viewBox="0 0 120 120">
<circle cx="60" cy="60" r="55" fill="none" stroke="currentColor" stroke-width="2" opacity="0.2"/>
<path class="voltmeter-needle" d="M60,60 L60,20" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
<circle cx="60" cy="60" r="5" fill="currentColor"/>
<!-- Skala -->
<text x="60" y="95" text-anchor="middle" font-size="14" fill="currentColor" opacity="0.5">AMPERION</text>
</svg>
</div>
<!-- Schaltkreis-Symbole -->
<div class="circuit-symbols">
<div class="symbol symbol-diode">
<svg width="40" height="40" viewBox="0 0 40 40">
<path d="M10,20 L30,20 M20,10 L30,20 L20,30 Z" stroke="currentColor" stroke-width="1.5" fill="none"/>
</svg>
</div>
<div class="symbol symbol-transistor">
<svg width="40" height="40" viewBox="0 0 40 40">
<circle cx="20" cy="20" r="15" stroke="currentColor" stroke-width="1.5" fill="none"/>
<path d="M5,20 L15,20 M25,15 L35,10 M25,25 L35,30" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="symbol symbol-capacitor">
<svg width="40" height="40" viewBox="0 0 40 40">
<path d="M10,20 L18,20 M22,20 L30,20 M18,10 L18,30 M22,10 L22,30" stroke="currentColor" stroke-width="1.5" fill="none"/>
</svg>
</div>
</div>
<!-- Elektrisches Feld (Partikel) -->
<div class="electric-field">
<span class="electron"></span>
<span class="electron"></span>
<span class="electron"></span>
<span class="electron"></span>
<span class="electron"></span>
<span class="electron"></span>
<span class="electron"></span>
<span class="electron"></span>
</div>
</div>
<!-- Content -->
{{/* SEO: H1 steuerbar via .Params.h1, Fallback .Title; KEIN Untertitel mehr */}}
{{ $h1 := .Params.h1 | default .Title }}
<div class="container1">
<section class="page-title" style="background-image: url('{{ .Params.bg_image | relURL }}');">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="service-title">
<h1 class="title-electric" itemprop="headline" data-text="{{ $h1 }}">{{ $h1 }}</h1>
<div class="col-md-12">
<div class="block">
<h2 class="custom-title">{{ .Title }}</h2>
{{ with .Params.description }}
<h3>{{ . }}</h3>
{{ end }}
</div>
</div>
</div>
</div>
</section>
<style>
/* Page Title Base */
.page-title {
position: relative;
padding: 100px 0 80px;
overflow: hidden;
}
.container1 {
position: relative;
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Titel mit elektrischem Effekt */
.title-electric {
color: #046e6e;
font-size: clamp(2.5rem, 5vw, 3.5rem);
font-weight: 700;
margin: 0;
position: relative;
display: inline-block;
animation: powerOn 2s ease-out;
text-shadow: 0 0 30px rgba(4, 110, 110, 0.1);
}
.title-electric::before {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
animation: electricGlitch 3s ease-in-out infinite;
color: #F5A623;
z-index: -1;
}
.page-title-desc {
color: #666;
font-size: 1.25rem;
margin: 1rem auto 0;
max-width: 700px;
animation: fadeInUp 1s ease-out 0.3s both;
}
/* Stromkreis-Animation */
.circuit-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.15;
pointer-events: none;
}
.circuit-main {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.circuit-path {
stroke: #046e6e;
stroke-width: 2;
fill: none;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: drawCircuit 3s ease-out forwards;
}
.circuit-path-2 {
animation-delay: 0.5s;
}
.circuit-path-3 {
animation-delay: 1s;
}
.circuit-node {
fill: #F5A623;
opacity: 0;
animation: nodeGlow 2s ease-in-out infinite;
}
.circuit-component {
fill: #046e6e;
opacity: 0;
animation: componentFade 1s ease-out 2s forwards;
}
/* Energie-Pulse */
.energy-pulse {
position: absolute;
width: 8px;
height: 8px;
background: #F5A623;
border-radius: 50%;
box-shadow: 0 0 20px #F5A623;
opacity: 0;
}
.pulse-1 {
animation: energyFlow1 4s ease-in-out infinite;
}
.pulse-2 {
animation: energyFlow2 4s ease-in-out infinite 1.3s;
}
.pulse-3 {
animation: energyFlow3 4s ease-in-out infinite 2.6s;
}
/* Blitz-Effekte */
.lightning-effect {
position: absolute;
color: #F5A623;
opacity: 0;
animation: lightningStrike 6s ease-in-out infinite;
}
.lightning-1 {
top: 10%;
right: 15%;
transform: scale(0.6) rotate(-15deg);
}
.lightning-2 {
bottom: 20%;
left: 10%;
transform: scale(0.4) rotate(25deg);
animation-delay: 3s;
}
/* Voltmeter */
.voltmeter {
position: absolute;
top: 20%;
right: 5%;
color: #046e6e;
opacity: 0.3;
animation: fadeIn 2s ease-out 1s forwards;
}
.voltmeter-needle {
transform-origin: 60px 60px;
animation: voltmeterSwing 4s ease-in-out infinite;
}
/* Schaltkreis-Symbole */
.circuit-symbols {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.symbol {
position: absolute;
color: #046e6e;
opacity: 0;
animation: symbolFloat 8s ease-in-out infinite;
}
.symbol-diode {
top: 15%;
left: 20%;
animation-delay: 0s;
}
.symbol-transistor {
bottom: 25%;
right: 25%;
animation-delay: 2.5s;
}
.symbol-capacitor {
top: 60%;
left: 40%;
animation-delay: 5s;
}
/* Elektrisches Feld (Elektronen) */
.electric-field {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.electron {
position: absolute;
width: 4px;
height: 4px;
background: #F5A623;
border-radius: 50%;
opacity: 0.6;
animation: electronFlow 10s linear infinite;
}
.electron:nth-child(1) { top: 20%; animation-delay: 0s; }
.electron:nth-child(2) { top: 30%; animation-delay: 1.2s; }
.electron:nth-child(3) { top: 40%; animation-delay: 2.4s; }
.electron:nth-child(4) { top: 50%; animation-delay: 3.6s; }
.electron:nth-child(5) { top: 60%; animation-delay: 4.8s; }
.electron:nth-child(6) { top: 70%; animation-delay: 6s; }
.electron:nth-child(7) { top: 80%; animation-delay: 7.2s; }
.electron:nth-child(8) { top: 35%; animation-delay: 8.4s; }
/* Animationen */
@keyframes powerOn {
0% {
opacity: 0;
transform: scale(0.9);
filter: blur(4px);
}
50% {
opacity: 1;
transform: scale(1.05);
filter: blur(0);
}
100% {
transform: scale(1);
}
}
@keyframes electricGlitch {
0%, 90%, 100% { opacity: 0; }
92% { opacity: 0.8; transform: translate(2px, -2px); }
94% { opacity: 0.6; transform: translate(-1px, 1px); }
96% { opacity: 0.8; transform: translate(1px, 0); }
}
@keyframes drawCircuit {
to {
stroke-dashoffset: 0;
}
}
@keyframes nodeGlow {
0%, 100% { opacity: 0.3; r: 4; }
50% { opacity: 1; r: 6; }
}
@keyframes componentFade {
to {
opacity: 0.6;
}
}
@keyframes energyFlow1 {
0% {
left: 0;
top: 50%;
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
left: 100%;
top: 50%;
opacity: 0;
}
}
@keyframes energyFlow2 {
0% {
left: 10%;
top: 25%;
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
left: 90%;
top: 25%;
opacity: 0;
}
}
@keyframes energyFlow3 {
0% {
left: 20%;
top: 75%;
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
left: 80%;
top: 75%;
opacity: 0;
}
}
@keyframes lightningStrike {
0%, 95%, 100% {
opacity: 0;
transform: scale(0.6) rotate(-15deg);
}
96% {
opacity: 0.8;
transform: scale(1) rotate(-15deg);
}
97% {
opacity: 0.4;
transform: scale(0.8) rotate(-15deg);
}
}
@keyframes voltmeterSwing {
0%, 100% {
transform: rotate(-45deg);
}
50% {
transform: rotate(45deg);
}
}
@keyframes symbolFloat {
0%, 100% {
opacity: 0.2;
transform: translateY(0) rotate(0deg);
}
50% {
opacity: 0.5;
transform: translateY(-20px) rotate(180deg);
}
}
@keyframes electronFlow {
0% {
left: -10px;
transform: translateX(0);
}
100% {
left: 100%;
transform: translateX(10px);
}
}
@keyframes fadeIn {
to {
opacity: 0.3;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive */
@media (max-width: 768px) {
.page-title {
padding: 80px 0 60px;
}
.circuit-bg {
opacity: 0.08;
}
.voltmeter,
.lightning-effect,
.symbol-transistor {
display: none;
}
.title-electric {
font-size: 2rem;
}
.page-title-desc {
font-size: 1rem;
}
}
/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
.title-electric {
text-shadow: 0 0 40px rgba(245, 166, 35, 0.3);
}
.circuit-path {
stroke: #F5A623;
}
.circuit-bg {
opacity: 0.25;
}
.page-title-desc {
color: #aaa;
}
}
/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
.title-electric,
.circuit-path,
.energy-pulse,
.electron,
.symbol,
.voltmeter-needle {
animation: none;
}
.circuit-path {
stroke-dashoffset: 0;
}
.circuit-node,
.circuit-component {
opacity: 0.5;
}
}
</style>

169
layouts/partials/related.html
View file

@ -1,169 +0,0 @@
{{/* related.html (Enhanced UI + robust image fallback) */}}
{{ if not .IsHome }}
{{ $page := . }}
{{ $max := .Params.related_max | default 4 }}
{{ $tags := .Params.tags | default (slice) }}
{{ $exclude := .Params.related_exclude | default (slice) }}
{{ $manual := .Params.related_manual | default (slice) }}
{{ $pages := slice }}
{{/* Manuelle Auswahl? */}}
{{ if gt (len $manual) 0 }}
{{ range $manual }}
{{ $p := site.GetPage . }}
{{ if not $p }}{{ $p = site.GetPage (printf "/%s" (strings.TrimPrefix "/" .)) }}{{ end }}
{{ if $p }}{{ $pages = $pages | append $p }}{{ end }}
{{ end }}
{{ $pages = first $max $pages }}
{{ else }}
{{/* Automatisch */}}
{{ $recs := slice }}
{{ range site.RegularPages }}
{{ if or
(eq .RelPermalink $page.RelPermalink)
(in (slice "impressum" "datenschutz" "agb" "privacy") .Section)
(in $exclude .RelPermalink)
(in $exclude .File.TranslationBaseName)
}}
{{/* skip */}}
{{ else }}
{{ $candTags := .Params.tags | default (slice) }}
{{ $tagScore := len (intersect $candTags $tags) }}
{{/* Sektion-Priorität */}}
{{ $secScore := 0 }}
{{ if eq $page.Section "leistungen" }}
{{ if or (eq .Section "fokusthemen") (in (slice "post" "posts" "blog" "blogs" "news") .Section) }}{{ $secScore = 1 }}{{ end }}
{{ else if or (eq $page.Section "fokusthemen") (eq $page.Section "themen") }}
{{ if or (eq .Section "leistungen") (in (slice "post" "posts" "blog" "blogs" "news") .Section) }}{{ $secScore = 1 }}{{ end }}
{{ else if in (slice "post" "posts" "blog" "blogs" "news") $page.Section }}
{{ if or (eq .Section "leistungen") (eq .Section "fokusthemen") (eq .Section "themen") }}{{ $secScore = 1 }}{{ end }}
{{ end }}
{{ $score := add (mul $tagScore 10) $secScore }}
{{ if gt $score 0 }}
{{ $recs = $recs | append (dict "p" . "s" $score "d" .Date) }}
{{ end }}
{{ end }}
{{ end }}
{{ $recs = sort $recs "s" "desc" "d" "desc" }}
{{ range first $max $recs }}
{{ $pages = $pages | append .p }}
{{ end }}
{{ end }}
{{ if gt (len $pages) 0 }}
<section class="related section" aria-label="Verwandte Inhalte">
<div class="container my-container">
<h3 class="related-title">Verwandte Inhalte</h3>
<div class="related-grid">
{{ range $pages }}
{{/* Sektion-Label */}}
{{ $sec := .Section | default "" }}
{{ $secLabel := "" }}
{{ if eq $sec "leistungen" }}{{ $secLabel = "Leistungen" }}
{{ else if or (eq $sec "fokusthemen") (eq $sec "themen") }}{{ $secLabel = "Fokusthemen" }}
{{ else if or (eq $sec "post") (eq $sec "posts") (eq $sec "blog") (eq $sec "blogs") (eq $sec "news") }}{{ $secLabel = "Wissen" }}
{{ else }}{{ $secLabel = (title $sec) }}{{ end }}
{{/* Robust: Thumb finden (card_image → image → images[0] → Auto-Discovery) */}}
{{ $thumb := .Params.card_image | default .Params.image }}
{{ if not $thumb }}
{{ $imgs := .Params.images }}
{{ if $imgs }}
{{ $first := index $imgs 0 }}
{{ if (reflect.IsMap $first) }}
{{ $thumb = $first.src }}
{{ else }}
{{ $thumb = $first }}
{{ end }}
{{ end }}
{{ end }}
{{ if not $thumb }}
{{ $slug := .Params.slug | default .File.TranslationBaseName }}
{{ $cands := slice
(printf "static/images/%s/%s1.webp" .Section $slug)
(printf "static/images/leistungen/%s1.webp" $slug)
(printf "static/images/fokusthemen/%s1.webp" $slug)
(printf "static/images/%s1.webp" $slug)
}}
{{ range $cands }}
{{ if and (not $thumb) (fileExists .) }}
{{ $thumb = replace . "static" "" }}
{{ end }}
{{ end }}
{{ end }}
<article class="related-item">
<a class="related-link" href="{{ .RelPermalink }}">
<div class="related-thumb-wrap">
{{ if $thumb }}
{{ partial "img.html" (dict
"src" $thumb
"alt" .Title
"class" "related-thumb"
"loading" "lazy"
"page" $
) }}
{{ else }}
<div class="related-thumb related-thumb--placeholder" aria-hidden="true">
<svg viewBox="0 0 24 24" width="48" height="48">
<path d="M21 19V5a2 2 0 0 0-2-2H5C3.9 3 3 3.9 3 5v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2ZM8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-4.5Z" fill="currentColor" opacity=".28"/>
<circle cx="8" cy="8" r="2" fill="currentColor" opacity=".28"/>
</svg>
</div>
{{ end }}
{{ if $secLabel }}<span class="related-badge">{{ $secLabel }}</span>{{ end }}
<span class="related-overlay" aria-hidden="true"></span>
</div>
<h4 class="related-name">{{ .Title }}</h4>
</a>
</article>
{{ end }}
</div>
</div>
<style>
.related-title{ text-align:center; margin:0 0 1.25rem }
.related-grid{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) }
.related-item{ background:#fff; border-radius:14px; box-shadow:0 2px 12px rgba(0,0,0,.06); overflow:hidden; transition:transform .25s ease, box-shadow .25s ease }
.related-link{ display:block; color:inherit; text-decoration:none; outline:none }
.related-link:focus-visible{ box-shadow:0 0 0 3px rgba(4,110,110,.35) }
.related-thumb-wrap{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#f3f3f3 }
.related-thumb{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease }
.related-thumb--placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#9ca3af }
.related-badge{ position:absolute; left:12px; top:12px; padding:6px 10px; font-size:.75rem; border-radius:999px; background:rgba(4,110,110,.92); color:#fff; box-shadow:0 2px 8px rgba(0,0,0,.15) }
.related-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.22)); opacity:0; transition:opacity .25s ease }
.related-item:hover .related-overlay{ opacity:1 }
.related-item:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.10) }
.related-item:hover .related-thumb{ transform:scale(1.03) }
.related-name{ margin:12px 14px 16px; line-height:1.3 }
@media (max-width:640px){
.related-grid{ gap:12px; grid-template-columns:1fr }
.related-name{ margin:10px 12px 14px }
.related-badge{ left:10px; top:10px; padding:5px 9px }
}
@media (prefers-color-scheme:dark){
.related-item{ background:#023d3d; box-shadow:0 2px 10px rgba(0,0,0,.4) }
.related-thumb--placeholder{ background:#0b0f17; color:#6b7280 }
.related-badge{ background:rgba(245,166,35,.95); color:#111 }
.related-name{ color:#e5e7eb }
}
@media (prefers-reduced-motion:reduce){
.related-item, .related-thumb, .related-overlay{ transition:none !important }
}
</style>
</section>
{{ end }}
{{ end }}

167
layouts/partials/script.html
View file

@ -1,140 +1,71 @@
<!-- JS Plugins + Main script -->
{{ $scripts := slice }}
{{ range site.Params.plugins.js}}
{{ if findRE "^http" .link }}
<script src="{{ .link | relURL }}" type="application/javascript" {{.attributes | safeHTMLAttr}}></script>
{{ else }}
{{ $scripts = $scripts | append (resources.Get .link) }}
{{ end }}
{{ if findRE "^http" .link }}
<script src="{{ .link | relURL }}" type="application/javascript" {{.attributes | safeHTMLAttr}}></script>
{{ else }}
{{ $scripts = $scripts | append (resources.Get .link) }}
{{ end }}
{{ end }}
{{ $scripts := $scripts | append (resources.Get "js/script.js" | minify) }}
{{ $scripts := $scripts | resources.Concat "js/script.js" | minify | fingerprint "sha512" }}
<script crossorigin="anonymous" defer="defer" integrity="{{ $scripts.Data.Integrity }}" type="application/javascript">{{$scripts.Content | safeJS}}</script>
<!-- Cookie-Manager -->
<script src="/tarteaucitron/tarteaucitron.js"></script>
<!-- hCaptcha Custom-Service (MUSS VOR init DEFINIERT SEIN) -->
<script>
(function() {
function renderAllHC() {
try {
var nodes = document.querySelectorAll('.h-captcha');
if (!nodes.length) return;
if (!window.hcaptcha || !window.hcaptcha.render) {
setTimeout(renderAllHC, 200);
return;
}
nodes.forEach(function(el) {
if (el.getAttribute('data-hc-rendered') === '1') return;
var sitekey = el.getAttribute('data-sitekey');
if (!sitekey) {
el.innerHTML = '<div style="color:#b00020;font-size:13px;padding:8px 0;">hCaptcha: data-sitekey fehlt.</div>';
return;
}
try {
window.hcaptcha.render(el, {
sitekey: sitekey,
theme: el.getAttribute('data-theme') || 'light',
size: el.getAttribute('data-size') || 'normal'
});
el.setAttribute('data-hc-rendered', '1');
} catch (e) {
el.innerHTML = '<div style="color:#b00020;font-size:13px;padding:8px 0;">hCaptcha Render-Fehler: ' + (e && e.message ? e.message : e) + '</div>';
}
});
} catch(e) {}
}
// globaler Callback für die API
window.__hcRenderAll = renderAllHC;
// hCaptcha als Tarteaucitron-Service
tarteaucitron.services.hcaptcha = {
key: 'hcaptcha',
type: 'other',
name: 'hCaptcha',
needConsent: true,
cookies: [],
uri: 'https://www.hcaptcha.com/privacy',
js: function () {
if (!document.getElementById('hcaptcha-api')) {
var s = document.createElement('script');
s.id = 'hcaptcha-api';
s.src = 'https://hcaptcha.com/1/api.js?render=explicit&onload=__hcRenderAll';
s.async = true;
s.defer = true;
s.onerror = function() {
document.querySelectorAll('.h-captcha').forEach(function(el){
el.innerHTML = '<div style="color:#b00020;font-size:13px;padding:8px 0;">hCaptcha API geblockt (CSP/Blocker?).</div>';
});
};
document.head.appendChild(s);
} else {
__hcRenderAll();
}
},
fallback: function () {
tarteaucitron.fallback(['h-captcha'], tarteaucitron.engage('hcaptcha'));
}
};
})();
</script>
<!-- Tarteaucitron initialisieren -->
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "/datenschutz",
"bodyPosition": "top",
"hashtag": "#tarteaucitron",
"cookieName": "tarteaucitron",
"orientation": "middle",
tarteaucitron.init({
"privacyUrl": "/datenschutz",
"bodyPosition": "top",
"hashtag": "#tarteaucitron",
"cookieName": "tarteaucitron",
"orientation": "top",
"groupServices": true,
"showDetailsOnClick": false,
"serviceDefaultState": "wait",
"showAlertSmall": false,
"cookieslist": false,
"groupServices": true,
"showDetailsOnClick": false,
"serviceDefaultState": "wait", // ← wichtig: wartet auf Nutzeraktion
"showAlertSmall": false,
"cookieslist": false,
"closePopup": false,
"showIcon": true,
"iconPosition": "BottomRight",
"closePopup": false,
"showIcon": true,
"iconPosition": "BottomRight",
"adblocker": false,
"DenyAllCta": false,
"AcceptAllCta": true,
"highPrivacy": true,
"alwaysNeedConsent": false,
"adblocker": false,
"DenyAllCta": false,
"AcceptAllCta": true,
"highPrivacy": true, // ← wichtig: kein Auto-Consent
"alwaysNeedConsent": false,
"handleBrowserDNTRequest": false,
"removeCredit": false,
"moreInfoLink": true,
"useExternalCss": false,
"useExternalJs": false,
"handleBrowserDNTRequest": false,
"removeCredit": false,
"moreInfoLink": true,
"useExternalCss": false,
"useExternalJs": false,
"mandatory": false,
"mandatoryCta": false,
"mandatory": false, // ← notwendig, wenn man keine Pflicht-Cookies nutzt
"mandatoryCta": false,
"googleConsentMode": true,
"bingConsentMode": true,
"softConsentMode": false,
"googleConsentMode": true,
"bingConsentMode": true,
"softConsentMode": false,
"dataLayer": false,
"serverSide": false,
"partnersList": true
});
</script>
<!-- Matomo + hCaptcha in die Queue (NACH init) -->
<script>
(tarteaucitron.job = tarteaucitron.job || []).push('hcaptcha');
"dataLayer": false,
"serverSide": false,
"partnersList": true
});
</script>
<script>
tarteaucitron.user.matomoId = SITE_ID;
(tarteaucitron.job = tarteaucitron.job || []).push('matomo');
tarteaucitron.user.matomoId = 2;
(tarteaucitron.job = tarteaucitron.job || []).push('matomocloud');
</script>
<script>tarteaucitron.user.matomoHost = 'https://matomo.amperion.at/';
tarteaucitron.user.matomoDontTrackPageView = dontTrackPageView (false | true);
tarteaucitron.user.matomoFullTracking = fullTracking (true | false);
</script>

31
layouts/partials/section-grid.html
View file

@ -1,31 +0,0 @@
{{ with site.GetPage .page }}
{{ with .Params.service }}
<div class="my-container">
<div class="section-title text-center">
<h2 data-aos="fade-up">{{ .title | markdownify }}</h2>
<h3 data-aos="fade-up">{{ .description | markdownify }}</h3>
</div>
<div class="responsive-grid mt-4 {{ if eq $.type "zoom" }}service-grid{{ end }}" data-aos="zoom-in-up">
{{ range .service_item }}
{{ if eq $.type "zoom" }}
<div class= "service-item zoom-wrap" >
<a href="{{ .link | relURL }}">
<img src="{{ .picture | relURL }}" alt="{{ .name }}">
<div class="overlay"></div>
<div class="overlay-text responsive-text">{{ .name }}</div>
</a>
</div>
{{ else }}
<div class="info-card">
<i class="{{ .icon }}" aria-hidden="true"></i>
<h4>{{ .name | markdownify }}</h4>
<p>{{ .content | markdownify }}</p>
</div>
{{ end }}
{{ end }}
</div>
</div>
{{ end }}
{{ end }}

14
layouts/partials/seo.html
View file

@ -1,14 +0,0 @@
{{- /* layouts/partials/seo.html — minimal & konfliktfrei */ -}}
{{- $desc := .Params.meta_description
| default .Params.description
| default .Description
| default site.Params.default_meta_description
| default site.Params.description
| default (plainify (.Summary | default .Content)) -}}
<meta name="description" content="{{ $desc | plainify | truncate 155 }}">
{{- if or .Draft .Params.noindex -}}
<meta name="robots" content="noindex,nofollow">
{{- end -}}

46
layouts/partials/style.html
View file

@ -1,36 +1,16 @@
{{- /* Robust CSS loader: externe Links direkt, lokale Ressourcen sammeln, SCSS bauen, dann bündeln */ -}}
<!-- DNS prefetch on -->
<!-- DNS preconnect -->
<meta http-equiv="x-dns-prefetch-control" content="on">
{{- $bundleList := slice -}}
{{- /* 1) Plugins aus params: externe -> <link>, lokale -> sammeln */ -}}
{{- $plugins := site.Params.plugins.css | default (slice) -}}
{{- range $plugins }}
{{- $link := .link | default "" -}}
{{- if $link -}}
{{- if findRE `^https?://` $link -}}
<link rel="stylesheet" href="{{ $link }}" {{ .attributes | safeHTMLAttr }}>
{{- else -}}
{{- with (resources.Get $link) -}}
{{- $bundleList = $bundleList | append . -}}
{{- end -}}
{{- end -}}
{{- end -}}
{{- end -}}
{{- /* 2) SCSS bauen (falls vorhanden) und hinzufügen */ -}}
{{- with (resources.Get "scss/style.scss") -}}
{{- $css := . | resources.ExecuteAsTemplate "scss/style.scss" $ | toCSS (dict "targetPath" "css/style.css") -}}
{{- $bundleList = $bundleList | append $css -}}
{{- end -}}
{{- /* 3) Bündeln + minify + fingerprint, sofern wir was haben */ -}}
{{- if gt (len $bundleList) 0 -}}
{{- $bundle := $bundleList | resources.Concat "css/bundle.css" | minify | fingerprint "sha512" -}}
<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" integrity="{{ $bundle.Data.Integrity }}">
{{- else -}}
{{- /* Fallback: statische CSS falls vorhanden/gewünscht */ -}}
<link rel="stylesheet" href="{{ "css/style.css" | relURL }}">
{{- end -}}
<!-- plugins + stylesheet -->
{{ $styles := slice }}
{{ range site.Params.plugins.css }}
{{ if findRE "^http" .link }}
<link crossorigin="anonymous" media="all" rel="stylesheet" href="{{ .link | relURL }}" {{.attributes | safeHTMLAttr}} >
{{ else }}
{{ $styles = $styles | append (resources.Get .link) }}
{{ end }}
{{ end }}
{{ $styles := $styles | append (resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "style.scss" . | toCSS) }}
{{ $styles := $styles | resources.Concat "/css/style.css" | minify | fingerprint "sha512"}}
<style type="text/css">{{$styles.Content | safeCSS}}</style>

25
layouts/partials/whyamperion.html Normal file
View file

@ -0,0 +1,25 @@
{{ with site.GetPage "/whyamperion" }}
{{ with .Params.service }}
<section class="whyamperion">
<div class="container">
<div class="row">
<div class="section-title">
{{ with .title }}<h2>{{ . | markdownify }}</h2>{{ end }}
{{ with .description }}<p>{{ . | markdownify }}</p>{{ end }}
</div>
</div>
<div class="row">
{{ range .service_item }}
<div class="col-sm-6 col-md-3">
<div class="service-item">
<i class="{{ .icon }}"></i>
<h4>{{ .name | markdownify }}</h4>
<p>{{ .content | markdownify }}</p>
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}
{{ end }}

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

File diff suppressed because one or more lines are too long

1
resources/_gen/assets/scss/style.scss_36bc4e0ffe4a90eb34a36b045730109f.json
View file

@ -1 +0,0 @@
{"Target":"css/style.min.css","MediaType":"text/css","Data":{}}

3776
resources/_gen/assets/scss/style.scss_5ae5eeac6a382c32d8d68b77fa936373.content
View file

File diff suppressed because it is too large Load diff

1
resources/_gen/assets/scss/style.scss_5ae5eeac6a382c32d8d68b77fa936373.json
View file

@ -1 +0,0 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}

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

File diff suppressed because it is too large Load diff

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

@ -258,7 +258,7 @@ input[type="tel"] {
font-weight: 400;
margin: 0px;
padding: 10px 0px;
font-size: 2em;
font-size: 3em;
/* Standard Schriftgröße für h2 */ }
@media (max-width: 768px) {
.section-title h2 {

26
static/cookieconsent/cookieconsent.css Normal file
View file

@ -0,0 +1,26 @@
/* cookieconsent.css */
#cookieconsent {
position: fixed;
bottom: 0;
width: 100%;
background-color: #000;
color: #fff;
text-align: center;
padding: 10px;
z-index: 1000;
}
#cookieconsent button {
background-color: #f1d600;
color: #000;
border: none;
padding: 5px 10px;
margin-left: 10px;
cursor: pointer;
}
#cookieconsent a {
color: #f1d600;
text-decoration: underline;
}

1
static/cookieconsent/cookieconsent.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
static/icons/brain.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#f5a623" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain-icon lucide-brain"><path d="M12 18V5"/><path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4"/><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5"/><path d="M17.997 5.125a4 4 0 0 1 2.526 5.77"/><path d="M18 18a4 4 0 0 0 2-7.464"/><path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517"/><path d="M6 18a4 4 0 0 1-2-7.464"/><path d="M6.003 5.125a4 4 0 0 0-2.526 5.77"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 589 B

1
static/icons/briefcase-business.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#f5a623" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase-business-icon lucide-briefcase-business"><path d="M12 12h.01"/><path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/><path d="M22 13a18.15 18.15 0 0 1-20 0"/><rect width="20" height="14" x="2" y="6" rx="2"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 418 B

BIN
static/icons/circuit-board.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 330 B

1
static/icons/earth.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#f5a623" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-earth-icon lucide-earth"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"/><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"/><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"/><circle cx="12" cy="12" r="10"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 473 B

BIN
static/icons/erfahrung.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.5 KiB

BIN
static/icons/file-badge.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 478 B

BIN
static/icons/hard-hat.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 284 B

BIN
static/icons/headset.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 350 B

BIN
static/icons/network.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 374 B

Some files were not shown because too many files have changed in this diff Show more