new

archetypes/default.md

@@ -0,0 +1,5 @@
++++
+title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+date = {{ .Date }}
+draft = true
++++

assets/scss (2)/style.scss

@@ -0,0 +1,96 @@
+// Color Variables
+{{ with site.Params.variables }}
+$color-primary: {{.color_primary | default "#777"}};
+$color-secondary: {{.color_secondary | default "#0AA8A7"}};
+$text-color: {{.text_color | default "#004753"}};
+$text-dark: {{.text_dark | default "#004753"}};
+$text-light: {{.text_light | default "#999"}};
+$body-bg: {{.body_color | default "#fff"}};
+$border-color: {{.border_color | default "#ECECEC"}};
+$black: {{.black | default "#777"}};
+$white: {{.white | default "#fff"}};
+$light: {{.light | default "#EDF6F5"}};
+
+
+// Font Variables
+$font-size: {{.font_size | default "16px"}};
+$font-scale: {{.font_scale | default "1.25"}};
+$font-primary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_primary | default "Lato") "+" " "}}', {{.font_primary_type | default "sans-serif"}};
+$font-secondary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_secondary | default "Lato") "+" " "}}', {{.font_secondary_type | default "sans-serif"}};
+$font-icon: '{{.font_icon | default "Font Awesome 5 Free"}}';
+{{ end }}
+
+$h1: 80px;
+$h1-md: 34px;
+$h2: 28px;
+$h2-md: 26px;
+$h2-sm: 22px;
+$h3: 20px;
+$h4: 16px;
+
+@import 'mixins.scss';
+
+@import 'media-query.scss';
+
+@import 'typography.scss';
+
+@import 'common.scss';
+
+@import 'main.scss';
+
+@import 'templates/_header.scss';
+
+@import 'templates/_navigation.scss';
+
+@import 'templates/_slider.scss';
+
+@import 'templates/_call-to-action.scss';
+
+@import 'templates/_service.scss';
+
+@import 'templates/_feature.scss';
+
+@import 'templates/_portfolio.scss';
+
+@import 'templates/_testimonial.scss';
+
+@import 'templates/_contact.scss';
+
+@import 'templates/_pricing.scss';
+
+@import 'templates/_products.scss';
+
+@import 'templates/_single-product.scss';
+
+@import 'templates/_clients.scss';
+
+@import 'templates/_about.scss';
+
+@import 'templates/_instagram.scss';
+
+@import 'templates/_user-dashboard.scss';
+
+@import 'templates/_single-post.scss';
+
+@import 'templates/_backgrounds.scss';
+
+@import 'templates/_blog-sidebar.scss';
+
+@import 'templates/_blog.scss';
+
+@import 'templates/_coming-soon.scss';
+
+@import 'templates/_shopping.scss';
+
+@import 'templates/_404.scss';
+
+@import 'templates/_message-sent.scss';
+
+@import 'templates/_footer.scss';
+
+@import 'custom.scss';
+
+
+html {
+    scroll-behavior: smooth;
+  }

assets/scss/_common.scss

@@ -0,0 +1,788 @@
+ul {
+  margin: 0;
+  padding-left: 0;
+  list-style-type: none;
+}
+
+iframe {
+  border: 0;
+}
+
+img{
+  max-width: 100%;
+  height: auto;
+}
+
+a,
+a:focus,
+a:hover {
+  text-decoration: none;
+  outline: 0;
+  color: $color-primary;
+}
+
+blockquote {
+  font-size: 18px;
+  border-color: $color-primary;
+  padding: 20px 40px;
+  text-align: left;
+  color: darken( $light, 50.98);
+}
+
+.navbar-toggle .icon-bar {
+  background: $color-primary;
+}
+
+input[type="email"],
+input[type="password"],
+input[type="text"],
+input[type="tel"] {
+  box-shadow: none;
+  height: 45px;
+  outline: none;
+  font-size: 14px;
+
+  &:focus {
+    box-shadow: none;
+    border: 1px solid $color-primary;
+  }
+}
+
+
+.form-control {
+  box-shadow: none;
+  border-radius: 0;
+
+  &:focus {
+    box-shadow: none;
+    border: 1px solid $color-primary;
+  }
+}
+
+
+.slick-slide {
+  outline: 0
+}
+
+
+// Button Style
+
+.btn-main {
+  background: $color-primary;
+  color: $white;
+  display: inline-block;
+  font-size: 12px;
+  letter-spacing: 1px;
+  padding: 20px 20px;
+  
+  text-transform: uppercase;
+  border-radius: 10px;
+  text-align: center;
+  @include transition (all, 0.2s, ease);
+
+  &.btn-icon {
+    i {
+      font-size: 16px;
+      vertical-align: middle;
+      margin-right: 5px;
+    }
+  }
+
+  &:hover {
+    background: darken($color-primary, 100%);
+    color: $white;
+  }
+}
+
+
+.btn-solid-border {
+  border: 2px solid $white;
+  background: transparent;
+  color: $white;
+
+  &:hover {
+    background: whitesmoke;
+  }
+}
+
+
+.btn-transparent {
+  @extend .btn-main;
+  background: transparent;
+  padding: 0;
+  color: $color-primary;
+
+  &:hover {
+    background: transparent;
+    color: $color-primary;
+  }
+}
+
+.btn-large {
+  padding: 20px 45px;
+
+  &.btn-icon {
+    i {
+      font-size: 16px;
+      vertical-align: middle;
+      margin-right: 5px;
+    }
+  }
+}
+
+.btn-small {
+  @extend .btn-main;
+  padding: 10px 25px;
+  font-size: 12px;
+}
+
+.btn-round {
+  border-radius: 2px;
+}
+
+.btn-round-full {
+  border-radius: 50px;
+}
+
+
+.btn.active:focus,
+.btn:active:focus,
+.btn:focus {
+  outline: 0;
+}
+
+
+
+
+
+
+
+
+
+
+.mt-10 {
+  margin-top: 20px;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+
+.mt-30 {
+  margin-top: 30px;
+}
+
+.mt-40 {
+  margin-top: 40px;
+}
+
+.mt-50 {
+  margin-top: 50px;
+}
+
+.btn:focus {
+  color: darken( $light, 10.9);
+}
+
+.w-100 {
+  width: 100%;
+}
+
+.margin-0 {
+  margin: 0 !important;
+}
+
+
+/* preloader */
+
+.preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: $white;
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.bg-shadow {
+  background-color: $white;
+  box-shadow: 0 16px 24px rgba(0, 0, 0, .08);
+  padding: 20px;
+}
+
+.bg-gray {
+  background: $light;
+}
+
+.bg-primary {
+  background: $color-primary;
+}
+
+.bg-primary-dark {
+  background: darken($color-primary, 10%);
+}
+
+.bg-primary-darker {
+  background: darken($color-primary, 20%);
+
+}
+
+.bg-dark {
+  background: #202122;
+}
+
+
+.section {
+  padding: 10px 0;
+
+  @include tablet {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+}
+
+.section-sm {
+  padding: 70px 0;
+}
+
+.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 */
+    }
+  }
+}
+
+
+
+.section-subtitle {
+  font-size: 28px;
+  font-weight: 600;
+  margin-bottom: 30px;
+
+  @include mobile-xs {
+    font-size: 22px;
+  }
+
+  @include mobile {
+    font-size: 20px;
+  }
+}
+
+
+.page-title {
+  height: auto; /* Höhe basierend auf Inhalt */
+  padding: 85px 0;
+  @extend .overly;
+
+  .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;
+    }
+  }
+}
+
+
+.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;
+
+  @include tablet {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+}
+
+// Social Media Icons
+.social-media-icons {
+  ul {
+    li {
+      display: inline-block;
+
+      a {
+        font-size: 18px;
+        color: lighten( $black, 20 );
+        display: inline-block;
+        padding: 7px 12px;
+        color: $white;
+
+      }
+
+      .twitter {
+        background: #00aced;
+      }
+
+      .facebook {
+        background: #3b5998;
+        padding: 7px 18px;
+      }
+
+      .googleplus {
+        background: #dd4b39;
+      }
+
+      .dribbble {
+        background: #ea4c89;
+      }
+
+      .instagram {
+        background: #bc2a8d;
+      }
+    }
+  }
+}
+
+
+
+.dropdown-slide {
+  position: static;
+
+  .open>a,
+  .open>a:focus,
+  .open>a:hover {
+    background: transparent;
+  }
+
+  &.full-width {
+    .dropdown-menu {
+      left: 0 !important;
+      right: 0 !important;
+    }
+  }
+
+  &:hover .dropdown-menu {
+    display: none;
+    opacity: 1;
+    display: block;
+    transform: translate(0px, 0px);
+    opacity: 1;
+    visibility: visible;
+    color: darken( $light, 50.98);
+    transform: translateY(0px);
+  }
+
+  .dropdown-menu {
+    border-radius: 0;
+    opacity: 1;
+    visibility: visible;
+    position: absolute;
+    padding: 15px;
+    border: 1px solid #ebebeb;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+    position: absolute;
+    display: block;
+    visibility: hidden;
+    opacity: 0;
+    transform: translateY(30px);
+    transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
+
+    @include mobile {
+      transform: none;
+    }
+  }
+}
+
+
+
+
+.commonSelect {
+  margin-left: 10px;
+  padding-right: 6px;
+  position: relative;
+
+  &:before {
+    content: '\f3d0';
+    font-family: $font-icon;
+    position: absolute;
+    right: -4px;
+    top: 4px;
+    font-size: 10px;
+  }
+
+  select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    cursor: pointer;
+    border: none;
+    padding: 0;
+    height: auto;
+    color: lighten( $black, 33.3 );
+
+    &:focus {
+      box-shadow: none;
+      border: none;
+    }
+  }
+}
+
+.tabCommon {
+  .nav-tabs {
+    border-bottom: 0;
+    margin-bottom: 10px;
+
+    li {
+      margin-right: 5px;
+    }
+
+    li.active a {
+      background-color: $color-primary;
+      border: 1px solid $color-primary;
+      color: $white;
+    }
+
+    a {
+      border-radius: 0;
+      background: $light;
+
+      &:hover {
+        border: 1px solid transparent;
+        background: $color-primary;
+        color: $white;
+      }
+    }
+  }
+
+  .tab-content {
+    padding: 20px;
+    border: 1px solid $border-color;
+  }
+}
+
+
+.commonAccordion {
+  .panel {
+    border-radius: 0;
+    box-shadow: none;
+
+    .panel-heading {
+      background: transparent;
+      padding: 0;
+    }
+
+    .panel-title {
+      position: relative;
+
+      a {
+        display: block;
+        font-size: 14px;
+        text-transform: uppercase;
+        padding: 10px 10px;
+      }
+
+      a:before {
+        color: lighten( $black, 33.3 );
+        content: "\f209";
+        position: absolute;
+        right: 25px;
+        font-family: $font-icon;
+      }
+
+      a.collapsed:before {
+        content: "\f217";
+      }
+    }
+  }
+}
+
+.commonAccordion-2 {
+  @extend .commonAccordion;
+}
+
+
+.list-circle {
+  padding-left: 20px;
+
+  li {
+    list-style-type: circle;
+  }
+}
+
+
+.play-icon {
+  border: 1px solid $border-color;
+  display: inline-block;
+  width: 60px;
+  height: 60px;
+  border-radius: 50px;
+  font-size: 30px;
+
+  i {
+    line-height: 60px;
+  }
+}
+
+
+.alert-common {
+  border-radius: 0;
+  border-width: 2px;
+
+  i {
+    margin: 0 5px;
+    font-size: 16px;
+  }
+}
+
+.alert-solid {
+  background: transparent;
+  color: $color-primary;
+}
+
+.buttonPart {
+  li {
+    @include mobile {
+      margin-bottom: 8px;
+    }
+
+    @include tablet {
+      margin-bottom: 8px;
+    }
+  }
+}
+
+
+
+.overly {
+  position: relative;
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(42, 68, 71, 0.5); /* Helleres Overlay */
+    opacity: 0.3; /* Weniger Opazität */
+  }
+}
+
+
+.owl-dots .owl-dot.active span,
+.owl-theme .owl-dots .owl-dot:hover span {
+  background: $color-primary !important;
+}
+
+
+
+#success,
+#error {
+  display: none;
+}
+
+.sticky-top {
+  position: sticky;
+  top: 0;
+  @include desktop {
+    position: static;
+  }
+}
+
+
+span.cloaked-e-mail:before {
+  content: attr(data-domain) "\0040" attr(data-user);
+  unicode-bidi: bidi-override;
+  direction: rtl;
+}
+
+@media (min-width: 992px) {
+  .row .no-float {
+      display: table-cell;
+      float: none;
+  }
+}
+/* copy from here */
+.scrolldown {
+  --color: white;
+  --sizeX: 30px;
+  --sizeY: 50px;
+  position: relative;
+  width: var(--sizeX);
+  height: var(--sizeY);
+  margin-left: calc(50% - var(--sizeX) / 2); /* Korrigiert für Zentrierung */
+  margin-top: 100px;
+  border: calc(var(--sizeX) / 10) solid var(--color);
+  border-radius: 50px;
+  box-sizing: border-box;
+  margin-bottom: 16px;
+}
+
+.scrolldown::before {
+  content: "";
+  position: absolute;
+  bottom: 30px;
+  left: 50%;
+  width: 6px;
+  height: 6px;
+  margin-left: -3px;
+  background-color: var(--color);
+  border-radius: 100%;
+  animation: scrolldown-anim 2s infinite;
+  box-sizing: border-box;
+  box-shadow: 0px -5px 3px 1px #ffffff66;
+}
+
+@keyframes scrolldown-anim {
+  0% {
+    opacity: 0;
+    height: 6px;
+  }
+  40% {
+    opacity: 1;
+    height: 10px;
+  }
+  80% {
+    transform: translate(0, 20px);
+    height: 10px;
+    opacity: 0;
+  }
+  100% {
+    height: 3px;
+    opacity: 0;
+  }
+}
+
+.chevrons {
+  padding: 6px 0 0 0;
+  margin-left: -3px; /* Überprüfen, ob dies benötigt wird */
+  margin-top: 48px;
+  width: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.chevrondown {
+  margin-top: -6px;
+  position: relative;
+  border: solid var(--color);
+  border-width: 0 3px 3px 0;
+  display: inline-block;
+  padding: 0; /* Stellt sicher, dass kein zusätzliches Padding hinzugefügt wird */
+  width: 10px;
+  height: 10px;
+  transform: rotate(45deg);
+}
+
+.chevrondown:nth-child(odd) {
+  animation: pulse 500ms ease infinite alternate;
+}
+
+.chevrondown:nth-child(even) {
+  animation: pulse 500ms ease infinite alternate 250ms;
+}
+
+@keyframes pulse {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.5;
+  }
+}
+/*copy until here */
+
+.logo-up {
+  margin-top: -50px; /* Adjust the value as needed */
+}
+
+
+.section-title1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px; /* Abstand zwischen Icon und Titel */
+}
+
+.title-icon1 {
+  width: 10px; /* Breite des Icons */
+  height: 10px; /* Höhe automatisch anpassen */
+}
+
+.why-title1 {
+  margin: 0; /* Entfernt zusätzliche Ränder */
+}

assets/scss/_main.scss

@@ -0,0 +1,78 @@
+#wrapper-work {
+  overflow: hidden;
+  padding-top: 100px;
+
+  ul {
+    li {
+      width: 50%;
+      float: left;
+      position: relative;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+
+      .items-text {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        width: 100%;
+        height: 100%;
+        color: $white;
+        background: rgba(0, 0, 0, 0.60);
+        padding-left: 44px;
+        padding-top: 140px;
+
+        h2 {
+          padding-bottom: 28px;
+          padding-top: 75px;
+          position: relative;
+
+          &:before {
+            content: "";
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            width: 75px;
+            height: 3px;
+            background: $white;
+          }
+        }
+
+        p {
+          padding-top: 30px;
+          font-size: 16px;
+          line-height: 27px;
+          font-weight: 300;
+          padding-right: 80px;
+        }
+      }
+    }
+  }
+}
+
+
+/*--
+  features-work Start 
+--*/
+
+#features-work {
+  padding-top: 50px;
+  padding-bottom: 75px;
+
+  .block {
+    ul {
+      li {
+        width: 19%;
+        text-align: center;
+        display: inline-block;
+        padding: 40px 0px;
+      }
+    }
+  }
+}
+
+

assets/scss/_media-query.scss

@@ -0,0 +1,26 @@
+/*=== MEDIA QUERY ===*/
+@mixin mobile-xs {
+  @media(max-width: 400px) {
+    @content;
+  }
+}
+@mixin mobile {
+  @media(max-width: 480px) {
+    @content;
+  }
+}
+@mixin tablet {
+  @media(max-width: 768px) {
+    @content;
+  }
+}
+@mixin desktop {
+  @media(max-width: 992px) {
+    @content;
+  }
+}
+@mixin large-desktop {
+  @media(max-width: 1200px) {
+    @content;
+  }
+}

assets/scss/_mixins.scss

@@ -0,0 +1,54 @@
+// Transition
+@mixin transition($what: all, $time: 0.2s, $how: ease-in-out) {
+  -webkit-transition: $what $time $how;
+  -moz-transition: $what $time $how;
+  -ms-transition: $what $time $how;
+  -o-transition: $what $time $how;
+  transition: $what $time $how;
+}
+
+@mixin transition-multi($x...){
+  -webkit-transition: $x;
+  -moz-transition: $x;
+  -ms-transition: $x;
+  -o-transition: $x;
+  transition: $x;
+}
+
+// Transform
+@mixin transform($transforms) {
+  -moz-transform: $transforms;
+  -o-transform: $transforms;
+  -ms-transform: $transforms;
+  -webkit-transform: $transforms;
+  transform: $transforms;
+}
+
+// rotate
+@mixin rotate ($deg) {
+  @include transform(rotate(#{$deg}deg));
+}
+
+// scale
+@mixin scale($scale) {
+  @include transform(scale($scale));
+}
+
+// translate
+@mixin translate ($x, $y) {
+  @include transform(translate($x, $y));
+}
+
+// skew
+@mixin skew ($x, $y) {
+  @include transform(skew(#{$x}deg, #{$y}deg));
+}
+
+//transform origin
+@mixin transform-origin ($origin) {
+  moz-transform-origin: $origin;
+  -o-transform-origin: $origin;
+  -ms-transform-origin: $origin;
+  -webkit-transform-origin: $origin;
+  transform-origin: $origin;
+}

assets/scss/_typography.scss

@@ -0,0 +1,87 @@
+// 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 {
+  line-height: 1.5;
+  font-family: $font-primary;
+  -webkit-font-smoothing: antialiased;
+
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $font-secondary;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 400;
+}
+
+h1 {
+  font-size: $h1;
+
+  @include tablet {
+    font-size: $h1-md;
+  }
+
+  @include mobile {
+    font-size: $h2;
+  }
+
+  @include mobile-xs {
+    font-size: $h2-md;
+  }
+}
+
+h2 {
+  font-size: $h2;
+
+  @include mobile {
+    font-size: $h2-sm;
+  }
+}
+
+h3 {
+  font-size: $h3;
+}
+
+h4 {
+  font-size: $h4;
+}
+
+p {
+  color: darken( $light, 49.41);
+  font-size: $font-size;
+  font-family: $font-secondary;
+}

assets/scss/custom.scss

@@ -0,0 +1,305 @@
+// Add your custom code
+
+.title-custom {
+    color: #046e6e;
+}
+
+.text-center {
+    text-align: center;
+  }
+  
+  .text-justify {
+    text-align: justify;
+  }
+
+
+  
+
+/* Reduziert den Abstand zwischen den Sections */
+section {
+    margin-bottom: 0px; /* Anpassung nach Bedarf */
+  }
+  
+  /* Zusätzliche optionale Stile für eine bessere Darstellung */
+  #welcome.section, #service.section {
+    padding-top: 90px;  /* Anpassung nach Bedarf */
+    padding-bottom: 4px; /* Anpassung nach Bedarf */
+  }
+
+  .text-justify {
+    text-align: justify;
+  }
+  
+  .description {
+    font-size: 22px; /* Standard Schriftgröße */
+    line-height: 1.5;
+    padding-top: 90px;  /* Anpassung nach Bedarf */
+    padding-bottom: 1px; /* Anpassung nach Bedarf */
+  
+    @media (max-width: 768px) {
+      font-size: 18px; /* Kleinere Schriftgröße für Tablets */
+      padding-top: 70px;  /* Anpassung nach Bedarf */
+      padding-bottom: 1px; /* Anpassung nach Bedarf */
+    }
+  
+    @media (max-width: 480px) {
+      font-size: 16px; /* Noch kleinere Schriftgröße für Handys */
+      padding-top: 50px;  /* Anpassung nach Bedarf */
+      padding-bottom: 1px; /* Anpassung nach Bedarf */
+    }
+  }
+  
+
+  .facts .fact-item {
+    padding: 15px; /* Abstand um die Bilder */
+  }
+
+  
+
+  .facts .fact-item {
+    padding: 15px; /* Abstand um die Bilder */
+  }
+  
+  .fact-image {
+    height: 250px; /* Einheitliche Höhe für alle Bilder */
+    width: auto; /* Breite automatisch anpassen, um das Seitenverhältnis beizubehalten */
+    object-fit: contain; /* Bild innerhalb der festgelegten Höhe zuschneiden, um das Seitenverhältnis beizubehalten */
+    border-radius: 8px; /* Abgerundete Ecken für die Bilder */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
+  }
+  
+  .custom-background {
+    background-size: cover;
+    background-position: center center;
+    background-repeat: no-repeat;
+  }
+
+
+ 
+  
+  .service-arrow .block {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  
+  .service-content {
+    flex: 1;
+  }
+  
+  .service-icon {
+    margin-right: 15px; /* Abstand nach Bedarf anpassen */
+  }
+  
+  .service-image {
+    margin-left: 15px; /* Abstand nach Bedarf anpassen */
+  }
+  
+  .service-image img {
+    max-width: 150px; /* Maximale Breite des Bildes anpassen */
+    height: auto;
+  }
+
+
+  .bg-service1 {
+    background-color: #8bcfd6; /* Beispielhafte Farbe für primary-dark */
+  }
+  .bg-service2 {
+    background-color: #6baeb5; /* Beispielhafte Farbe für primary-dark */
+  }
+  .bg-service3 {
+    background-color: #8bcfd6; /* Beispielhafte Farbe für primary-dark */
+  }
+  .bg-service4 {
+    background-color: #6baeb5; /* Beispielhafte Farbe für primary-dark */
+  }
+  .bg-service5 {
+    background-color: #8bcfd6; /* Beispielhafte Farbe für primary-dark */
+  }
+  .bg-service6 {
+    background-color: #6baeb5; /* Beispielhafte Farbe für primary-dark */
+  }
+  .bg-service7 {
+    background-color: #8bcfd6; /* Beispielhafte Farbe für primary-dark */
+  }
+  .bg-service8 {
+    background-color: #6baeb5; /* Beispielhafte Farbe für primary-dark */
+  }
+
+  .fixed-width {
+    width: 1200px; /* Feste Breite, die du anpassen kannst */
+    height: auto; /* Höhe wird automatisch angepasst, um das Seitenverhältnis beizubehalten */
+  }
+  
+  .service-arrow .block {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20px; /* Optional: Padding hinzufügen */
+    border-radius: 100px; /* Optional: Abgerundete Ecken hinzufügen */
+    color: #8a0909; /* Optional: Textfarbe auf Weiß setzen */
+  }
+  
+  .service-icon {
+    margin-right: 0px; /* Abstand nach Bedarf anpassen */
+  }
+  
+  .service-content {
+    flex: 1;
+  }
+  
+  .service-image {
+    margin-left: 0px; /* Abstand nach Bedarf anpassen */
+  }
+  
+
+  
+
+
+
+  
+  .fixed-text {
+    width: 600px; /* Feste Breite für den Text */
+    margin-right: 15px; /* Optional: Abstand nach Bedarf anpassen */
+  }
+
+  .service-image img {
+    max-width: 600px; /* Maximale Breite des Bildes anpassen */
+    height: auto;
+    margin: 0; /* Entfernt zusätzliche Margins */
+    padding: 0; /* Entfernt zusätzliches Padding */
+    border: none; /* Entfernt jegliche Standardrahmen */
+    display: block; /* Verhindert zusätzliche Ränder bei inline-block-Elementen */
+  }
+
+  .page-title::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #ffffff; /* Weiß als Hintergrundfarbe */
+    z-index: -1; /* Sicherstellen, dass es hinter dem Inhalt liegt */
+  }
+
+
+
+
+
+
+
+
+
+
+
+
+
+  .service-grid {
+    display: grid;
+    gap: 20px;                 /* 40px Abstand sowohl horizontal als auch vertikal */
+    grid-template-columns: repeat(3, 1fr);
+    /* => Standard: 3 Spalten für größere Bildschirme */
+  }
+  
+  @media (max-width: 992px) {
+    .service-grid {
+      grid-template-columns: repeat(2, 1fr);
+      /* => mittlere Screens: nur 2 Spalten */
+    }
+  }
+  
+  @media (max-width: 576px) {
+    .service-grid {
+      grid-template-columns: 1fr;
+      /* => kleine Screens: 1 Spalte */
+    }
+  }
+  
+  /* Ab hier das Zoom-/Overlay-Setup (identisch wie vorher) */
+  .service-item-fixed {
+    width: 100%;
+    height: auto;       /* Oder "auto" falls die Höhe flexibel sein soll */
+    position: relative;
+    overflow: hidden;
+    border-radius: 10px; /* Abgerundete Ecken */
+  }
+  
+  .zoom-wrap {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transition: transform 0.3s ease;
+  }
+  
+  .service-item-fixed:hover .zoom-wrap {
+    transform: scale(1.2);
+  }
+  
+  .zoom-wrap a {
+    display: block; /* Stellt sicher, dass der Link das gesamte umschlossene Element abdeckt */
+    text-decoration: none; /* Entfernt die Unterstreichung des Links */
+    color: inherit; /* Erbt die Textfarbe, um sicherzustellen, dass der Linktext stilistisch passt */
+  }
+
+  .zoom-wrap img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+  
+/* Das "dunkle Overlay" */
+.zoom-wrap .overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.3); /* dunkler Schleier (30% schwarz) */
+  z-index: 1; /* Overlay unter dem Text, aber über dem Bild */
+  pointer-events: auto; /* Stellt sicher, dass das Overlay klickbar ist */
+}
+
+  .overlay-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #fff;
+    font-size: 2.3em;
+    font-weight: bold;
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
+    z-index: 2; /* Höher als das Overlay */
+  }
+  
+
+  .my-container {
+    width: 80%;
+    margin: 0 auto;
+  }
+
+  .gif-background {
+    background-image: url('/images/BackgroundAnimation.svg'); /* Pfad zu Ihrem GIF */
+    background-size: cover; /* Deckt den gesamten Hintergrund ab */
+    background-position: center -220px; /* Positioniert das GIF oben in der Mitte */
+    background-repeat: no-repeat; /* Verhindert die Wiederholung des GIFs */
+    position: relative; /* Stellt sicher, dass das Overlay korrekt positioniert wird */
+  }
+  
+  .gif-background::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(255, 255, 255, 0.8); /* Weißer Overlay mit 70% Deckkraft */
+    pointer-events: none; /* Stellt sicher, dass das Overlay keine Interaktionen blockiert */
+  }
+  
+  .custom-image {
+  width: 100px;
+  height: auto;
+  max-width: 70%;
+}

assets/scss/modal.scss

@@ -0,0 +1,26 @@
+@mixin modal($centerWidth, $windowWidth) {
+
+    @include var(background-color, dark1);
+    @include var(color, light1);
+
+    z-index: 1001;
+    box-shadow: $cm-box-shadow-dark-md;
+
+    width: 100%;
+    max-height: 98%;
+
+    top: 50%;
+    transform: translateY(-50%);
+
+    position: fixed;
+    overflow: auto;
+
+    @media (min-width: $centerWidth) {
+        @include var(border-radius, border-radius);
+        position: relative;
+        margin: 0 auto;
+        max-width: $windowWidth;
+        height: auto;
+        width: auto;
+    }
+}

assets/scss/style.scss

@@ -0,0 +1,188 @@
+// Color Variables
+{{ with site.Params.variables }}
+$color-primary: {{.color_primary | default "#fff"}};
+$color-secondary: {{.color_secondary | default "#0AA8A7"}};
+$text-color: {{.text_color | default "#777"}};
+$text-dark: {{.text_dark | default "#222"}};
+$text-light: {{.text_light | default "#737373"}};
+$body-bg: {{.body_color | default "#fff"}};
+$border-color: {{.border_color | default "#ECECEC"}};
+$black: {{.black | default "#000"}};
+$white: {{.white | default "#fff"}};
+$light: {{.light | default "#EDF6F5"}};
+
+
+// Font Variables
+$font-size: {{.font_size | default "16px"}};
+$font-scale: {{.font_scale | default "1.25"}};
+$font-primary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_primary | default "Lato") "+" " "}}', {{.font_primary_type | default "sans-serif"}};
+$font-secondary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_secondary | default "Lato") "+" " "}}', {{.font_secondary_type | default "sans-serif"}};
+$font-tertiary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_tertiary | default "Dosis") "+" " "}}', {{.font_tertiary_type | default "sans-serif"}};
+$font-quaternary: '{{replace (replaceRE ":[ital,]*[ital@]*[wght@]*[0-9,;]+" "" .font_quaternary | default "Edu") "+" " "}}', {{.font_quaternary_type | default "sans-serif"}};
+
+$font-icon: '{{.font_icon | default "Font Awesome 5 Free"}}';
+{{ end }}
+
+$h1: 80px;
+$h1-md: 34px;
+$h2: 28px;
+$h2-md: 26px;
+$h2-sm: 22px;
+$h3: 20px;
+$h4: 25px;
+
+@import 'mixins.scss';
+
+@import 'media-query.scss';
+
+@import 'typography.scss';
+
+@import 'common.scss';
+
+@import 'main.scss';
+
+@import 'templates/_header.scss';
+
+@import 'templates/_navigation.scss';
+
+@import 'templates/_slider.scss';
+
+@import 'templates/_call-to-action.scss';
+
+@import 'templates/_service.scss';
+
+@import 'templates/_feature.scss';
+
+@import 'templates/_portfolio.scss';
+
+@import 'templates/_testimonial.scss';
+
+@import 'templates/_contact.scss';
+
+@import 'templates/_pricing.scss';
+
+@import 'templates/_products.scss';
+
+@import 'templates/_single-product.scss';
+
+@import 'templates/_clients.scss';
+
+@import 'templates/_about.scss';
+
+@import 'templates/_instagram.scss';
+
+@import 'templates/_user-dashboard.scss';
+
+@import 'templates/_single-post.scss';
+
+@import 'templates/_backgrounds.scss';
+
+@import 'templates/_blog-sidebar.scss';
+
+@import 'templates/_blog.scss';
+
+@import 'templates/_coming-soon.scss';
+
+@import 'templates/_shopping.scss';
+
+@import 'templates/_404.scss';
+
+@import 'templates/_message-sent.scss';
+
+@import 'templates/_footer.scss';
+
+@import 'custom.scss';
+
+
+
+
+html {
+    scroll-behavior: smooth;
+  }
+
+
+/* 1) Die .logo-container bekommt 80% Breite => 10% links und 10% rechts frei */
+.logo-container {
+  width: 80%;
+  margin: 0 auto; /* Zentriert sich, lässt links und rechts je 10% Platz */
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 20px; /* Abstand zwischen Frame 1 & Frame 2 */
+}
+
+/* 2) Frame 1 (40%) und Frame 2 (60%) */
+.frame1 {
+  flex: 0 0 40%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.frame2 {
+  flex: 0 0 60%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+/* 3) Banner-Logos selbst: Standard erst auf opacity:0, Animation blendet sie ein */
+.banner-logo {
+  max-width: 100%;
+  height: auto;
+  opacity: 0;
+}
+
+/* 4) ANIMATIONEN */
+/* Frame 1 – Move-In: Wir animieren gezielt das Bild */
+.frame1 .banner-logo {
+  animation: moveIn 1s forwards;
+}
+/* Frame 2 – Fade-In: Wir animieren gezielt das Bild */
+.frame2 .banner-logo {
+  animation: moveIn 1s 0.5s forwards;
+}
+
+/* Keyframes */
+@keyframes moveIn {
+  from {
+    transform: translateX(50px);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* 5) TITEL-FADE-IN (optional) */
+.fade-in-title {
+  opacity: 0;
+  animation: fadeTitle 1.5s forwards 1s;
+}
+@keyframes fadeTitle {
+  to { opacity: 1; }
+}
+
+/* 6) (Optional) Responsive unter 768px => Frames untereinander */
+@media (max-width: 768px) {
+  .logo-container {
+    flex-direction: column;
+    width: 90%; /* Mehr Platz, Bilder untereinander */
+  }
+  .frame1, .frame2 {
+    flex: 0 0 auto;
+    width: 100%;
+    margin-bottom: 20px; 
+  }
+}
+

assets/scss/templates/_404.scss

@@ -0,0 +1,33 @@
+.page-404 {
+  display: flex;
+  align-items: center;
+  min-height: calc(100vh - (100px + 205px));
+  @include desktop {
+    min-height: calc(100vh - (90px + 205px));
+  }
+  text-align: center;
+  h1 {
+    font-size: 300px;
+    font-weight: bold;
+    @include tablet {
+      font-size: 150px;
+    }
+    @include mobile {
+      font-size: 130px;
+    }
+    @include mobile-xs {
+      font-size: 90px;
+    }
+  }
+  h2 {
+    text-transform:uppercase;
+    font-size: 20px;
+    letter-spacing: 4px;
+    font-weight: bold;
+    margin-top: 30px;
+  }
+  .btn-main {
+    margin-top: 40px;
+    margin-bottom: 50px;
+  }
+}

assets/scss/templates/_about.scss

@@ -0,0 +1,58 @@
+.about{
+  .block{
+    h2 {
+      padding-top: 30px;
+      padding-bottom: 30px;
+      margin:0;
+    }
+
+    h3 {
+      padding-top: 30px;
+      padding-bottom: 50px;
+      margin:0;
+    }
+
+    p {
+      padding-top: 20px;
+      line-height:28px;
+    }
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .about-img {
+    position: relative;
+    overflow: hidden;
+  
+    img {
+      display: block;
+      width: 100%;
+      transition: opacity 0.5s ease-out;
+    }
+  
+    .hover-img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0;
+      transition: opacity 0.5s ease-out;
+    }
+  
+    &:hover .hover-img {
+      opacity: 1;
+    }
+  
+    &:hover img {
+      opacity: 0;
+    }
+  }
+  
+
+  .section-title {
+    margin-bottom: 0px;
+  }
+}

assets/scss/templates/_backgrounds.scss

@@ -0,0 +1,34 @@
+.bg-1 {
+  position: relative;
+  background-size: contain; /* Verkleinert das Bild, sodass es komplett sichtbar ist */
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+
+  @include large-desktop {
+    background-attachment: unset;
+  }
+}
+
+.bg-1::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: inherit;
+  opacity: 0.2; /* Setzt die Opazität, um das Bild blasser darzustellen */
+  z-index: -1; /* Stellt sicher, dass der Inhalt vor dem Hintergrundbild liegt */
+}
+
+
+.bg-2 {
+  background-size: cover;
+  background-position: center center;
+  background-attachment: fixed;
+  background-color: #185b63;
+  @include large-desktop {
+    background-attachment: unset;
+  }
+}

assets/scss/templates/_blog-sidebar.scss

@@ -0,0 +1,130 @@
+.widget {
+  margin-bottom: 65px;
+
+  @include tablet {
+    margin-bottom: 35px;
+  }
+
+  .widget-title {
+    margin-top: 0px;
+    margin-bottom: 15px;
+    font-size: 16px;
+    color: lighten( $black, 20 );
+    font-weight: 500;
+    border-bottom: 1px solid $border-color;
+  }
+
+  // Latest Posts
+  &.widget-latest-post {
+    .media {
+      .media-object {
+        width: 100px;
+        height: auto;
+      }
+
+      .media-heading {
+        a {
+          color: $black;
+          font-size: 16px;
+        }
+      }
+
+      p {
+        font-size: 12px;
+        color: darken( $light, 47.45);
+      }
+    }
+
+    @include desktop {
+      padding-top: 20px;
+    }
+  }
+  //end Latest Posts
+
+  // Categories
+  &.widget-category {
+    ul {
+      li {
+        padding-top: 10px;
+        padding-bottom: 10px;
+
+        a {
+          color: lighten( $black, 50.3 );
+          padding: 10px;
+          padding-left: 20px;
+          padding-right: 20px;
+          @include transition-multi (padding 0.3s ease, border 0.3s ease);
+
+          &:before {
+            padding-right: 10px;
+          }
+
+          &:hover {
+            color: $color-primary;
+            padding-left: 25px;
+          }
+
+          &:active {
+            padding-left: 24px;
+            border: 1px solid $color-primary;
+            border-radius: 30px;
+            @include transition (padding, 0s);
+          }
+        }
+
+        a.current {
+          color: $white;
+          background: $color-primary;
+          border: 1px solid $color-primary;
+          border-radius: 30px;
+          pointer-events: none;
+          cursor: default;
+        }
+      }
+    }
+  }
+  // end Categories
+
+  // Tags
+  &.widget-tag {
+    ul {
+      li {
+        margin-bottom: 10px;
+        display: inline-block;
+        margin-right: 5px;
+
+        a {
+          color: lighten( $black, 50.3 );
+          display: inline-block;
+          padding: 8px 15px;
+          border: 1px solid $border-color;
+          border-radius: 30px;
+          font-size: 14px;
+          @include transition-multi (background-color 0.3s ease, border 0.3s ease, color 0.1s ease);
+
+          &:hover {
+            color: $color-primary;
+            background: rgba($color-primary, 0.3);
+            border: 1px solid rgba($color-primary, 0.3);
+          }
+
+          &:active {
+            color: $color-primary;
+            border: 1px solid $color-primary;
+            background: $white;
+            @include transition (background-color, 0.1s, ease);
+          }
+        }
+
+        a.current {
+          color: $white;
+          background: $color-primary;
+          border: 1px solid $color-primary;
+          pointer-events: none;
+          cursor: default;
+        }
+      }
+    }
+  }
+  // end Tags
+}

assets/scss/templates/_blog.scss

@@ -0,0 +1,145 @@
+/*=================================================================
+  Latest Posts
+==================================================================*/
+
+.blog {
+  background: darken( $light, 1.17);
+}
+
+.post {
+  background: $white;
+  margin-bottom: 55px;
+
+  @include tablet {
+    margin-bottom: 20px;
+  }
+
+  .post-media {
+    &.post-thumb {
+      img {
+        width: 100%;
+        height: auto;
+      }
+    }
+
+    &.post-media-audio {
+      iframe {
+        width: 100%;
+      }
+    }
+  }
+
+  .post-title {
+    margin-top: 25px;
+    text-transform: uppercase;
+
+    a {
+      color: $color-primary;
+
+      &:hover {
+        color: $color-primary;
+      }
+    }
+  }
+
+  .post-meta {
+    font-size: 13px;
+    margin-top: 10px;
+
+    ul {
+      li {
+        display: inline-block;
+        color: lighten( $black, 56.47 );
+        margin-right: 20px;
+        font-size: 12px;
+        letter-spacing: .5px;
+
+        a {
+          color: lighten( $black, 56.47 );
+
+          &:hover {
+            color: $color-primary;
+          }
+        }
+      }
+    }
+
+    .post-author {
+      color: $black;
+    }
+  }
+
+  .post-content {
+    margin-top: 20px;
+
+    p {
+      line-height: 26px;
+    }
+
+    ul {
+      font-size: 15px;
+      padding: 10px 20px;
+      font-family: $font-primary;
+      list-style: circle;
+    }
+    ol {
+      font-size: 15px;
+      padding: 10px 20px;
+      font-family: $font-primary;
+    }
+
+    blockquote {
+      margin-top: 20px;
+      font-size: 18px;
+      border-color: $color-primary;
+      padding: 10px 20px;
+      text-align: left;
+      color: darken( $light, 50.98);
+    }
+
+    .btn-main {
+      padding: 10px 20px;
+      margin: 15px 0;
+      font-size: 12px;
+    }
+  }
+}
+
+.post-pagination {
+  margin: 0px;
+
+  @include desktop {
+    margin-bottom: 60px;
+  }
+
+  @include tablet {
+    margin-bottom: 25px;
+  }
+
+  >li {
+    margin: 0 2px;
+    display: inline-block;
+    font-size: 14px;
+
+    >a {
+      color: $black;
+      @include transition (all, 0.3s, ease);
+
+      &:hover {
+        color: $white;
+        background: $color-primary;
+        border: 1px solid $color-primary;
+      }
+    }
+
+    &.active>a {
+      background: $color-primary !important;
+      border: 1px solid $color-primary !important;
+    }
+  }
+
+  >li:first-child>a,
+  >li:last-child>a {
+    border-radius: 0;
+  }
+}

assets/scss/templates/_call-to-action.scss

@@ -0,0 +1,74 @@
+.call-to-action {
+  position: relative;
+  text-align: center;
+  padding: 70px 10px;
+  background-size: cover;
+  background-position: center;
+  
+  @include tablet {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.7); /* Adjust the color and opacity as needed */
+    z-index: 1;
+  }
+
+  .container, .row, .col-md-12, .block {
+    position: relative;
+    z-index: 2;
+  }
+
+  h2 {
+    color: #ffffff;
+    margin: 0px;
+    padding: 20px 0px;
+    text-shadow: 
+      -1px -1px 0 #000,  
+       1px -1px 0 #000,
+      -1px  1px 0 #000,
+       1px  1px 0 #000; /* Black contour */
+  }
+
+
+  p {
+    color: #ffffff;
+    font-size: 20px;
+    text-shadow: 
+      -1px -1px 0 #000,  
+       1px -1px 0 #000,
+      -1px  1px 0 #000,
+       1px  1px 0 #000; /* Black contour */
+  }
+  .btn-main {
+    padding: 15px 35px;
+    font-size: 20px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    text-shadow: 
+    -1px -1px 0 #000,  
+     1px -1px 0 #000,
+    -1px  1px 0 #000,
+     1px  1px 0 #000; /* Black contour */
+  }
+}
+
+.overlay-dark {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4); // oder 0.6 oder 0.7
+  z-index: 1;
+}
+.call-to-action .container {
+  position: relative;
+  z-index: 2;
+}

assets/scss/templates/_clients.scss

@@ -0,0 +1,14 @@
+.clients-logo-section{
+  padding-top: 30px; 
+  padding-bottom: 75px;
+  .clients-logo-img{
+    padding: 0px 50px; 
+  }
+}
+
+.clients-logo {
+  img {
+    width: auto!important;
+    padding:20px;
+  }
+}

assets/scss/templates/_coming-soon.scss

@@ -0,0 +1,130 @@
+.coming-soon {
+  background: url("../images/backgrounds/coming-soon.jpg");
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: $white;
+  display: flex;
+  align-items: center;
+
+  @include mobile-xs {
+    padding: 50px 0;
+  }
+
+  @include mobile {
+    padding: 50px 0;
+  }
+
+  height:100vh;
+
+  .block {
+    h1 {
+      line-height: 65px;
+      font-size: 55px;
+      font-weight: 600;
+      text-transform: uppercase;
+      margin-bottom: 0;
+
+      @include mobile-xs {
+        font-size: 40px;
+        line-height: 50px;
+      }
+
+      @include mobile {
+        font-size: 40px;
+        line-height: 50px;
+      }
+    }
+
+    p {
+      color: $white;
+      margin-top: 10px;
+      font-size: 16px;
+    }
+
+    .count-down {
+      margin-top: 50px;
+
+      .syotimer-cell {
+        width: 25%;
+        padding: 15px;
+        display: inline-block;
+
+        @include mobile-xs {
+          width: 50%;
+          margin-bottom: 10px;
+        }
+
+        @include mobile {
+          width: 50%;
+        }
+
+        background:rgba(101, 94, 122, 0.48);
+
+        .syotimer-cell__value {
+          font-size: 80px;
+          line-height: 80px;
+          text-align: center;
+          position: relative;
+          font-weight: bold;
+
+          @include mobile-xs {
+            font-size: 50px;
+          }
+        }
+
+        .syotimer-cell__unit {
+          font-weight: normal;
+        }
+      }
+
+      ul {
+        li {
+          @include tablet {
+            font-size: 50px;
+          }
+
+          @include mobile {
+            font-size: 50px;
+          }
+
+          @include mobile-xs {
+            font-size: 40px;
+          }
+
+          &:before {
+            content: ":";
+            font-size: 20pt;
+            opacity: 0.7;
+            position: absolute;
+            right: 0px;
+            top: 0px;
+          }
+
+          &:last-child {
+            &:before {
+              content: '';
+            }
+          }
+        }
+      }
+
+      div:after {
+        content: " "attr(data-interval-text);
+        font-size: 20px;
+        font-weight: normal;
+        text-transform: capitalize;
+        display: block;
+      }
+    }
+
+    .copyright-text {
+      font-size: 12px;
+
+      a {
+        color: $white;
+        font-weight: 600;
+      }
+    }
+  }
+
+}

assets/scss/templates/_contact.scss

@@ -0,0 +1,113 @@
+.contact-form {
+  padding-top: 70px;
+  padding-bottom: 35px;
+
+  .block {
+    .form-group {
+      padding-bottom: 15px;
+      margin: 0px;
+
+      .form-control {
+        background: darken( $light, 0.392);
+        height: 60px;
+        border: 1px solid #EEF2F6;
+        box-shadow: none;
+        width: 100%;
+      }
+    }
+
+    .form-group-2 {
+      margin-bottom: 13px;
+
+      textarea {
+        background: darken( $light, 0.392);
+        height: 135px;
+        border: 1px solid #EEF2F6;
+        box-shadow: none;
+        width: 100%;
+      }
+    }
+
+    .form-group-h {
+      display: none;
+    }
+
+    button {
+      width: 100%;
+      height: 60px;
+      background: lighten( $black, 27.84);
+      border: none;
+      color: $white;
+      font-size: 18px;
+    }
+  }
+}
+
+
+.address-block {
+  margin-bottom: 20px;
+
+  li {
+    position: relative;
+    padding-left: 0px;
+    margin-bottom: 10px;
+
+    i {
+      position: absolute;
+      left: 0;
+      font-size: 25px;
+      line-height: 20px;
+    }
+
+    div {
+      display: inline-block;
+      vertical-align: top;
+    }
+  }
+}
+
+
+.social-icons {
+  margin-top: 40px;
+
+  li {
+    display: inline-block;
+    margin: 0 10px;
+  }
+
+  a {
+    display: inline-block;
+  }
+
+  i {
+    color: #2C2C2C;
+    margin-right: 25px;
+    font-size: 25px;
+  }
+}
+
+
+
+.contact-box {
+  padding-top: 35px;
+  padding-bottom: 58px;
+
+  .block {
+    img {
+      width: 100%;
+    }
+
+    h2 {
+      font-weight: 300;
+      color: #000;
+      font-size: 28px;
+      padding-bottom: 30px;
+    }
+
+    p {
+      color: lighten( $black, 36.07);
+      display: block;
+    }
+
+  }
+}

assets/scss/templates/_counter.scss

@@ -0,0 +1,66 @@
+/*=================================================================
+  Item counter section
+==================================================================*/
+
+.counter {
+  padding: 100px 0;
+
+  .counter-title {
+    margin-bottom: 50px;
+
+    h2 {
+      color: $black;
+      margin-bottom: 20px;
+      font-size: 42px;
+      font-weight: 600;
+      line-height: 35px;
+    }
+
+    p {
+      color: lighten( $black, 33.3 );
+      font-size: 16px;
+    }
+  }
+}
+
+.counters-item {
+  padding-bottom: 30px;
+  color: lighten( $black, 26.6 );
+  position: relative;
+
+  &.kill-border:before {
+    background: none;
+  }
+
+  &:before {
+    background: darken( $light, 7.843137254901947);
+    content: "";
+    margin-top: -27.5px;
+    height: 55px;
+    width: 1px;
+    position: absolute;
+    right: -15px;
+    top: 50%;
+  }
+
+  >div {
+    margin: 6px 0;
+  }
+
+  span {
+    display: inline;
+    font-size: 35px;
+    line-height: 50px;
+  }
+
+  i {
+    font-size: 40px;
+    display: inline-block;
+    color: $color-primary;
+  }
+
+  h3 {
+    font-size: 17px;
+    margin: 0;
+  }
+}

assets/scss/templates/_feature.scss

@@ -0,0 +1,35 @@
+.feature {
+  background: url("../img/feature-bg.jpg");
+  background-position: 50% 94px;
+  display: block;
+  position: relative;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+  padding: 100px 0;
+
+  @include large-desktop {
+    padding-top: 20px;
+    padding-bottom: 20px;
+    background-attachment: unset;
+  }
+
+  h2 {
+    margin: 0px;
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+
+  p {
+    color: darken( $light, 41.37);
+    margin-bottom: 20px;
+  }
+
+  .btn-view-works {
+    background: lighten( $black, 42.35 );
+    color: $white;
+    padding: 10px 20px;
+    margin-bottom: 30px;
+  }
+}

assets/scss/templates/_footer.scss

@@ -0,0 +1,42 @@
+.footer {
+  background: darken( $light, 1.5);
+  min-height: 205px;
+  text-align: center;
+  padding-top: 67px;
+  p {
+    font-size: 13px;
+    line-height: 25px;
+    color: lighten( $black, 56.86274509803921 );
+  }
+  a {
+    color: lighten( $black, 34.9 );
+  }
+  .footer-menu {
+    padding-bottom: 25px;
+    ul {
+      margin: 0px;
+      padding: 0px;
+      li {
+        display: inline-block;
+        padding: 0px 20px;
+        a {
+          display: inline-block;
+          color: lighten( $black, 28.6 );
+          &:hover {
+            color: $black;
+          }
+        }
+      }
+    }
+  }
+  .copyright {
+    a {
+      font-weight: 600;
+    }
+  }
+}
+
+
+
+
+

assets/scss/templates/_header.scss

@@ -0,0 +1,37 @@
+/*--
+  Header Start
+--*/
+
+header {
+  min-height: 100px;
+  @include desktop {
+    min-height: 90px;
+  }
+  background: $white;
+  padding: 20px 0;
+  .navbar {
+    margin-bottom: 0px;
+    border: 0px;
+  }
+  .navbar-brand {
+    padding-top: 5px;
+  }
+  .navbar-default {
+    background: none;
+    border: 0px;
+    .navbar-nav {
+        padding-top: 10px;
+      li {
+        a {
+          color: lighten( $black, 20 );
+          padding: 10px 26px;
+          font-size: 15px;
+          font
+          &:hover {
+            color: $black;
+          }
+        }
+      }
+    }
+  }
+}

assets/scss/templates/_impressum.scss

@@ -0,0 +1,22 @@
+.table {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 1rem;
+    background-color: transparent;
+  }
+  
+  .table td {
+    vertical-align: top;
+    padding: 10px;
+  }
+  
+  .col-1 {
+    width: 30%;
+    vertical-align: top;
+  }
+  
+  .col-2 {
+    width: 70%;
+    vertical-align: top;
+  }
+  

assets/scss/templates/_instagram.scss

@@ -0,0 +1,24 @@
+.instagram-feed {
+  a {
+    margin:6px;
+    margin-right: 10px;
+    display: inline-block;
+    margin-bottom: 10px;
+    width: 23.5%;
+    @include tablet {
+      width: 49%;
+      margin:3px;
+    }
+    @include mobile {
+      width: 100%;
+      margin:3px;
+    }
+    &:hover img {
+      filter: grayscale(10);
+    }
+    img {
+      width: 100%;
+
+    }
+  }
+}

assets/scss/templates/_message-sent.scss

@@ -0,0 +1,36 @@
+.page-message-sent {
+  display: flex;
+  align-items: center;
+  min-height: calc(100vh - (100px + 205px));
+  @include desktop {
+    min-height: calc(100vh - (90px + 205px));
+  }
+  text-align: center;
+  h1 {
+    font-size: 50px;
+    font-weight: bold;
+    @include mobile {
+      font-size: 40px;
+    }
+    @include mobile-xs {
+      font-size: 30px;
+    }
+  }
+  h2 {
+    text-transform:uppercase;
+    font-size: 20px;
+    font-weight: bold;
+    letter-spacing: 1px;
+    margin-top: 30px;
+  }
+  .btn-main {
+    margin-top: 40px;
+    margin-bottom: 50px;
+  }
+  img {
+    width: 50%;
+    max-height: 200px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+}

assets/scss/templates/_navigation.scss

@@ -0,0 +1,156 @@
+.navigation {
+  background: $white;
+  padding: 20px 0;
+
+  .navbar {
+    margin-bottom: 0px;
+    border: 0px;
+  }
+
+  .navbar-brand {
+    padding-top: 5px;
+  }
+
+  .navbar {
+    background: none;
+    border: 0px;
+
+    .navbar-nav {
+      padding-top: 5px;
+      padding-bottom: 5px;
+
+      a {
+        color: #7b7b7b;
+        padding: 10px 15px;
+
+        font : {
+          weight: 500;
+          size: 14px;
+        }
+
+        text-transform:uppercase;
+
+        &:hover,
+        &:focus {
+          color: $black;
+          background: transparent;
+        }
+      }
+
+      a.current {
+        color: $black;
+        pointer-events: none;
+        cursor: default;
+      }
+
+      a.current-parent {
+        color: $black;
+      }
+
+      select {
+        margin: 10px 15px;
+      }
+    }
+
+    .current > .dropdown-toggle {
+      color: $black;
+    }
+
+    .dropdown-menu {
+      border-radius: 0;
+      border: none;
+      left: -5px;
+      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
+      width: 250px; /* Setzen Sie hier die gewünschte Breite */
+
+      a {
+        text-transform: none;
+        font-weight: normal;
+        color: darken( $light, 47.45);
+        padding: 10px 20px;
+        @include transition-multi (color 0.1s ease, padding 0.3s ease);
+
+        &:hover {
+          background: $color-primary;
+          color: $white;
+          padding-left: 25px;
+        }
+      }
+
+      a.current {
+        padding-left: 25px;
+        color: $white;
+        background: $color-primary;
+      }
+    }
+  }
+}
+
+.nav .open>a {
+  background: transparent;
+}
+
+// Change Bootstrap's default navbar collapse breakpoint of 768px to 992px (=desktop); source: https://silvawebdesigns.com/how-to-change-the-bootstrap-navbar-breakpoint/
+@include desktop {
+  .navbar-header {
+    float: none;
+  }
+
+  .navbar-left,
+  .navbar-right {
+    float: none !important;
+  }
+
+  .navbar-toggle {
+    display: block;
+  }
+
+  .navbar-collapse {
+    border-top: 1px solid transparent;
+    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
+  }
+
+  .navbar-fixed-top {
+    top: 0;
+    border-width: 0 0 1px;
+  }
+
+  .navbar-collapse.collapse {
+    display: none!important;
+  }
+
+  .navbar-nav {
+    float: none!important;
+    margin-top: 7.5px;
+  }
+
+  .navbar-nav > li {
+    float: none;
+  }
+
+  .navbar-nav > li > a {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+
+  .collapse {
+    clear: both;
+  }
+
+  .collapse.in {
+    display: block !important;
+  }
+}
+
+
+#select-language {
+  border: none; /* Kein Rahmen */
+  outline: none; /* Kein Umriss */
+  box-shadow: none; /* Kein Schatten */
+  background: transparent; /* Hintergrund transparent, falls gewünscht */
+  -webkit-appearance: none; /* Entfernt das Standard-Dropdown-Aussehen */
+  -moz-appearance: none; /* Entfernt das Standard-Dropdown-Aussehen */
+  appearance: textfield; /* Entfernt das Standard-Dropdown-Aussehen */
+  padding: 0px 2px; /* Passen Sie das Padding an */
+  height: 100%; /* Höhe anpassen */
+}

assets/scss/templates/_portfolio.scss

@@ -0,0 +1,121 @@
+.portfolio-work {
+  padding: 80px 0;
+
+  .block {
+    .portfolio-menu {
+      text-align: center;
+
+      .btn-group {
+        margin-bottom: 40px;
+
+        label {
+          display: inline-block;
+          border: 1px solid $border-color;
+          padding: 8px 25px;
+          cursor: pointer;
+          font-size: 15px;
+          color: lighten( $black, 20 );
+          outline: 0;
+          background: $white;
+          margin: 2px;
+          border-radius: 0;
+          @include transition (all, 0.3s, ease);
+        }
+      }
+    }
+  }
+}
+
+.portfolio {
+  &-item {
+    position: relative;
+    padding: 0;
+
+    img {
+      width: 100%;
+      height: auto;
+    }
+
+    &:hover {
+      .portfolio-hover {
+        visibility: visible;
+        opacity: 1;
+      }
+
+      .portfolio-content {
+        transform: translateY(-50%);
+      }
+    }
+  }
+
+  &-hover {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    background: rgba(60, 55, 55, 0.5);
+    visibility: hidden;
+    opacity: 0;
+    transition: .3s ease;
+  }
+
+  &-content {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 50%;
+    transform: translateY(-40%);
+    text-align: center;
+    padding: 20px;
+    transition: inherit;
+
+    * {
+      color: $white;
+    }
+
+    a {
+      display: block;
+      transition: .2s ease;
+
+      i {
+        font-size: 30px;
+      }
+
+      &.h3 {
+        margin-top: 0;
+      }
+    }
+  }
+}
+
+
+
+
+// Portfolio Single Page
+.portfolio-single-page {
+  .project-details {
+    h4 {
+      margin-bottom: 20px;
+      padding-bottom: 10px;
+      border-bottom: 2px dashed $border-color;
+    }
+
+    span {
+      color: lighten( $black, 51.3 );
+      width: 180px;
+      display: inline-block;
+    }
+
+    strong {
+      color: lighten( $black, 19.2 );
+      font-weight: normal;
+    }
+
+    ul {
+      li {
+        margin-bottom: 10px;
+      }
+    }
+  }
+}

assets/scss/templates/_pricing.scss

@@ -0,0 +1,51 @@
+/*=================================================================
+  Pricing section
+==================================================================*/
+
+.pricing-table {
+  .pricing-item {
+    padding: 40px 20px;
+    background: $white;
+    box-shadow: 0 8px 15px 0 rgba(5, 57, 106, .06);
+
+    a.btn-main {
+      text-transform: uppercase;
+      margin-top: 20px;
+    }
+
+    li {
+      font-weight: 400;
+      padding: 6px 0;
+      color: darken( $light, 57.64);
+
+      i {
+        margin-right: 6px;
+        color: $color-primary;
+      }
+    }
+  }
+
+  .price-title {
+    padding: 30px 0 20px;
+
+    >h3 {
+      font-weight: 700;
+      margin: 0 0 5px;
+      font-size: 15px;
+      text-transform: uppercase;
+    }
+
+    >p {
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 18px;
+      margin-top: 5px;
+    }
+
+    .value {
+      color: $color-primary;
+      font-size: 50px;
+      padding: 10px 0;
+    }
+  }
+}

assets/scss/templates/_products.scss

@@ -0,0 +1,223 @@
+// Products
+.product-item {
+  margin-bottom: 30px;
+
+  .product-thumb {
+    position: relative;
+
+    img {
+      width: 100%;
+      height: auto;
+    }
+
+    .bage {
+      position: absolute;
+      top: 12px;
+      right: 12px;
+      background: $black;
+      color: $white;
+      font-size: 12px;
+      padding: 4px 12px;
+      font-weight: 300;
+      display: inline-block;
+    }
+
+    &:before {
+      transition: .3s all;
+      opacity: 0;
+      background: rgba(0, 0, 0, 0.6);
+      content: '';
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+      bottom: 0;
+    }
+
+    .preview-meta {
+      position: absolute;
+      text-align: center;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      justify-content: center;
+      opacity: 0;
+      transition: 0.2s;
+      transform: translateY(10px);
+
+      li {
+        display: inline-block;
+
+        a,
+        span {
+          background: $white;
+          padding: 10px 16px;
+          cursor: pointer;
+          display: inline-block;
+          font-size: 18px;
+
+          &:hover {
+            background: $color-primary;
+            color: $white;
+          }
+        }
+      }
+    }
+  }
+
+  &:hover .product-thumb {
+    &:before {
+      opacity: 1;
+
+    }
+  }
+
+  &:hover .preview-meta {
+    opacity: 1;
+    transform: translateY(-20px);
+  }
+
+  .product-content {
+    text-align: center;
+
+    h4 {
+      font-size: 14px;
+      font-weight: 400;
+      margin-top: 15px;
+      margin-bottom: 6px;
+
+      a {
+        color: $black;
+      }
+    }
+  }
+}
+
+
+.product-modal {
+  background: rgba(255, 255, 255, 0.9);
+  text-align: center;
+  padding: 0 !important;
+
+  &:before {
+    content: '';
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+    margin-right: -4px;
+  }
+
+  &.fade .modal-dialog {
+    transform: translate(0, 0);
+  }
+
+  .close {
+    width: 50px;
+    float: none;
+    position: absolute;
+    right: 20px;
+    z-index: 9;
+    top: 20px;
+    font-size: 30px;
+    outline: none;
+  }
+
+  .modal-dialog {
+    width: 900px;
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
+
+    @include mobile {
+      width: 100%;
+    }
+
+    @include tablet {
+      width: 100%;
+    }
+  }
+
+  .modal-content {
+    border-radius: 0;
+    box-shadow: none;
+    border: none;
+
+    .modal-body {
+      padding: 30px;
+
+      .modal-image {
+        img {
+          width: 100%;
+          height: auto;
+        }
+      }
+
+      .product-short-details {
+        h2 {
+          margin-top: 0;
+          font-size: 22px;
+          font-weight: 400;
+
+          a {
+            color: $black;
+          }
+
+          @include mobile {
+            margin-top: 15px;
+          }
+
+          @include tablet {
+            margin-top: 15px;
+          }
+        }
+
+        .product-price {
+          font-size: 30px;
+          margin: 20px 0;
+
+          @include mobile {
+            margin: 10px 0;
+          }
+        }
+
+        .btn-main {
+          margin-top: 20px;
+        }
+
+        .btn-transparent {
+          color: lighten( $black, 26.6 );
+          border-bottom: 1px solid $border-color;
+        }
+      }
+
+    }
+  }
+}
+
+
+.product-shorting {
+  margin-bottom: 30px;
+  span {
+    margin-right: 15px;
+  }
+}
+
+
+// sidebar scss
+.product-category {
+  ul {
+    padding-left: 15px;
+
+    li {
+      margin-bottom: 4px;
+
+      a {
+        color: darken( $light, 57.64);
+
+        &:hover {
+          color: $black;
+        }
+      }
+    }
+  }
+}

assets/scss/templates/_service.scss

@@ -0,0 +1,213 @@
+.service {
+  text-align: center;
+  padding: 90px 0;
+
+  @include tablet {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+
+  .service-item {
+    padding-bottom: 30px;
+
+    i {
+      font-size: 50px;
+      color: $color-primary;
+    }
+
+    img.service-icon {
+      width: 100px;
+      height: 100px;
+      display: inline-block;
+    }
+
+    h4 {
+      padding-top: 15px;
+      margin: 0;
+      margin-top: 10px;
+      font-weight: 500;
+      text-transform: uppercase;
+    }
+
+    p {
+      padding-top: 10px;
+      margin: 0;
+    }
+  }
+}
+
+.dark-service {
+  .title {
+    color: $white;
+  }
+
+  .service-item {
+    padding-bottom: 30px;
+    text-align: center;
+
+    i {
+      color: $white;
+      font-size: 40px;
+      margin-bottom: 10px;
+    }
+
+    img.service-icon {
+      width: 100px;
+      height: 100px;
+      display: inline-block;
+    }
+
+
+    h4 {
+      color: $white;
+      padding-top: 15px;
+      margin: 0;
+      margin-top: 10px;
+      font-weight: 500;
+      text-transform: uppercase;
+    }
+
+    p {
+      padding-top: 10px;
+      margin: 0;
+    }
+  }
+}
+
+.service-about {
+  p {
+    line-height: 28px;
+  }
+}
+
+
+
+
+
+.service-arrow {
+  .block {
+    padding: 70px 30px;
+
+    i {
+      font-size: 45px;
+    }
+
+    p {
+      color: #000000;
+    }
+  }
+}
+
+
+
+
+.service-list {
+  .block {
+    padding: 30px;
+    margin-bottom: 20px;
+    background: $white;
+  }
+}
+
+h2, h3 {
+  margin-bottom: 10px; /* Passe den Wert nach Bedarf an */
+}
+
+.center-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.responsive-container {
+  width: 100%;
+  max-width: 100%;
+  display: block;
+  overflow: hidden;
+}
+
+.responsive-image {
+  max-width: 100%;
+  height: auto;
+}
+
+.page-title {
+  position: relative;
+  padding: 100px 0;
+  @extend .overly;
+
+  .block {
+    text-align: center;
+
+    h1 {
+      color: #5f5c5c; /* Passe die Textfarbe an, um auf dem weißen Hintergrund sichtbar zu sein */
+      font-weight: 200;
+      letter-spacing: 0.5em;
+      margin-top: 20px;
+      margin-bottom: -60px;
+      text-transform: capitalize;
+    }
+
+    p {
+      color: #000; /* Passe die Textfarbe an, um auf dem weißen Hintergrund sichtbar zu sein */
+    }
+  }
+}
+
+.page-title::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #ffffff; /* Weiß als Hintergrundfarbe */
+  z-index: -1; /* Sicherstellen, dass es hinter dem Inhalt liegt */
+}
+
+.service-arrow .block {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: nowrap; /* Keine Umbrüche, damit die Inhalte nebeneinander bleiben */
+}
+
+.service-arrow .service-image {
+  flex: 0 0 auto;
+  margin-left: 20px;
+}
+
+.service-arrow .service-image img {
+  max-width: 600px; /* Maximale Breite des Bildes */
+  width: 100%; /* Bild soll sich an den Container anpassen */
+  height: auto;
+  display: block;
+}
+
+.service-arrow .service-content {
+  flex: 1;
+}
+
+@media (max-width: 768px) {
+  .service-arrow .block {
+    flex-direction: column;
+    text-align: center;
+  }
+
+  .service-arrow .service-image {
+    margin-left: 0;
+    margin-top: 20px;
+    width: 100%; /* Bild auf volle Breite setzen bei kleinen Bildschirmen */
+  }
+}
+
+
+.service-title {
+  color: #273544; /* Setze die gewünschte Farbe für die Titel der Dienste */
+}
+
+.service-description {
+  color: #990505; /* Setze die gewünschte Farbe für die Beschreibungen der Dienste */
+}

assets/scss/templates/_shopping.scss

@@ -0,0 +1,236 @@
+.shopping {
+  .widget-title {
+    font-weight: 400;
+    border-bottom: 1px solid $border-color;
+    padding-bottom: 15px;
+    margin-bottom: 15px;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    font-size: 16px;
+  }
+}
+
+
+.checkout {
+  .block {
+    padding: 15px;
+    margin-bottom: 10px;
+  }
+}
+
+// Checkout Page
+.checkout-form {
+  .form-group {
+    position: relative;
+    margin-bottom: 8px;
+
+    label {
+      position: absolute;
+      top: 18px;
+      left: 15px;
+      right: auto;
+      bottom: auto;
+      color: #888;
+      font-size: 10px;
+      font-weight: 400;
+      text-transform: uppercase;
+      opacity: 1 !important;
+      width: 85px;
+    }
+
+    input {
+      border-radius: 0;
+      display: block;
+      padding: 6px 10px 5px 100px;
+      -moz-appearance: none;
+      -webkit-appearance: none;
+      height: 50px;
+    }
+  }
+
+  .checkout-country-code {
+    .form-group {
+      float: left;
+    }
+
+    .form-group:first-child {
+      width: calc(45% - 2px);
+      margin-right: 4px;
+    }
+
+    .form-group:last-child {
+      width: calc(55% - 2px);
+    }
+
+  }
+}
+
+.shopping.cart {
+  .product-list {
+    .table {
+      .cart-amount {
+        th {
+          background: $light;
+          padding: 10px;
+          text-transform: uppercase;
+        }
+      }
+
+      >tbody>tr>td {
+        vertical-align: middle;
+      }
+    }
+
+    .product-info {
+      a {
+        margin-left: 10px;
+        color: $black;
+        font-weight: 600;
+      }
+    }
+
+    .product-remove {
+      color: #c7254e;
+    }
+  }
+
+  .account-details {
+    margin-top: 30px;
+
+    legend {
+      font-weight: 600;
+      font-size: 16px;
+      text-transform: uppercase;
+    }
+
+    .btn-pay {
+      margin: 20px 0;
+    }
+  }
+}
+
+
+.product-checkout-details {
+  .product-card {
+    >a {
+      padding-right: 20px;
+    }
+
+    .price {
+      margin-top: 15px;
+    }
+
+    .media-object {
+      width: 80px;
+    }
+
+    h4 {
+      font-weight: 400;
+      font-size: 14px;
+      color: lighten( $black, 33.3 );
+    }
+
+    .remove {
+      font-size: 12px;
+      cursor: pointer;
+    }
+  }
+
+  .discount-code {
+    border-top: 1px solid $border-color;
+    border-bottom: 1px solid $border-color;
+    margin: 20px 0 10px;
+    padding: 10px 0;
+
+    p {
+      margin: 0;
+
+      a {
+        font-weight: 400;
+        color: lighten( $black, 33.3 );
+      }
+    }
+  }
+
+  .summary-prices {
+    border-style: solid;
+    border-color: $border-color;
+    border-width: 0px 0 1px 0;
+    padding-bottom: 10px;
+
+    li {
+      padding: 5px 0;
+
+      span+span {
+        float: right;
+      }
+    }
+  }
+
+  .summary-total {
+    margin-top: 5px;
+
+    >span {
+      font-weight: 500;
+      font-size: 18px;
+    }
+
+    span+span {
+      float: right;
+    }
+  }
+
+  .verified-icon {
+    margin-top: 25px;
+
+    img {
+      width: 100%;
+    }
+  }
+}
+
+
+// End Checkout Page
+
+
+// purchase confirmation page 
+.purchase-confirmation {
+  .purchase-confirmation-details {
+    padding: 20px;
+    border: 1px solid $border-color;
+
+    .table {
+      margin: 0;
+      color: lighten( $black, 26.6 );
+
+      b,
+      strong {
+        font-weight: 400;
+      }
+    }
+  }
+}
+
+// Empty Cart
+.empty-cart {
+  .block {
+    i {
+      font-size: 50px;
+    }
+  }
+}
+
+.success-msg {
+  .block {
+    i {
+      font-size: 40px;
+      background: $color-secondary;
+      color: $white;
+      width: 60px;
+      height: 60px;
+      border-radius: 100px;
+      display: inline-block;
+      line-height: 60px;
+    }
+  }
+}

assets/scss/templates/_single-post.scss

@@ -0,0 +1,249 @@
+/*=================================================================
+  Single Blog Page
+==================================================================*/
+.post.post-single {
+  border: none;
+  margin-bottom: 0px;
+
+  .post-title {
+    margin-top: 0px;
+
+    @include tablet {
+      margin-top: 20px;
+    }
+  }
+
+  .post-thumb {
+    margin-top: 30px;
+  }
+}
+
+.post-sub-heading {
+  border-bottom: 1px solid $border-color;
+  padding-bottom: 20px;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+  font-size: 16px;
+  margin-bottom: 20px;
+}
+
+.post-social-share {
+  margin-bottom: 50px;
+}
+
+.post-comments {
+  margin: 30px 0;
+
+  .media {
+    margin-top: 20px;
+
+    >.pull-left {
+      padding-right: 20px;
+    }
+  }
+
+  .comment-author {
+    margin-top: 0;
+    margin-bottom: 0px;
+    font-weight: 500;
+
+    a {
+      color: $color-primary;
+      font-size: 14px;
+      text-transform: uppercase;
+    }
+  }
+
+  time {
+    margin: 0 0 5px;
+    display: inline-block;
+    color: darken( $light, 47.45);
+    font-size: 12px;
+  }
+
+  .comment-button {
+    color: $color-primary;
+    display: inline-block;
+    margin-left: 5px;
+    font-size: 12px;
+
+    i {
+      margin-right: 5px;
+      display: inline-block;
+    }
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+}
+
+.post-excerpt {
+  h3 {
+    a {
+      color: $black;
+    }
+  }
+
+  p {
+    margin: 0 0 30px;
+  }
+
+  blockquote.quote-post {
+    margin: 20px 0;
+
+    p {
+      line-height: 30px;
+      font-size: 20px;
+      color: $color-primary;
+    }
+  }
+}
+
+
+.single-blog {
+  background-color: #fff;
+  margin-bottom: 50px;
+  padding: 20px;
+}
+
+.blog-subtitle {
+  font-size: 15px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid $border-color;
+  margin-bottom: 25px;
+  text-transform: uppercase;
+}
+
+.next-prev {
+  border-bottom: 1px solid $border-color;
+  border-top: 1px solid $border-color;
+  margin: 20px 0;
+  padding: 25px 0;
+
+  a {
+    color: $black;
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+
+  .prev-post i {
+    margin-right: 10px;
+  }
+
+  .next-post i {
+    margin-left: 10px;
+  }
+}
+
+.social-profile {
+  ul {
+    li {
+      margin: 0 10px 0 0;
+      display: inline-block;
+
+      a {
+        color: lighten( $black, 33.92 );
+        display: block;
+        font-size: 16px;
+
+        i {
+          &:hover {
+            color: $color-primary;
+          }
+        }
+      }
+    }
+  }
+}
+
+.comments-section {
+  margin-top: 35px;
+}
+
+
+.author-about {
+  margin-top: 40px;
+}
+
+.post-author {
+  margin-right: 20px;
+}
+
+.post-author>img {
+  border: 1px solid $border-color;
+  max-width: 120px;
+  padding: 5px;
+  width: 100%;
+}
+
+
+
+.comment-list {
+  ul {
+    margin-top: 20px;
+
+    li {
+      margin-bottom: 20px;
+    }
+  }
+}
+
+
+.comment-wrap {
+  border: 1px solid $border-color;
+  border-radius: 1px;
+  margin-left: 20px;
+  padding: 10px;
+  position: relative;
+
+  .author-avatar {
+    margin-right: 10px;
+  }
+
+  .media {
+    .media-heading {
+      font-size: 14px;
+      margin-bottom: 8px;
+
+      a {
+        color: $color-primary;
+        font-size: 13px;
+      }
+    }
+
+    .comment-meta {
+      font-size: 12px;
+      color: #888;
+    }
+
+    p {
+      margin-top: 15px;
+    }
+  }
+
+}
+
+
+.comment-reply-form {
+  margin-top: 80px;
+
+  input,
+  textarea {
+    height: 35px;
+    border-radius: 0;
+    box-shadow: none;
+
+    &:focus {
+      box-shadow: none;
+      border: 1px solid $color-primary;
+    }
+  }
+
+  textarea,
+  .btn-main {
+    height: auto;
+  }
+}

assets/scss/templates/_single-product.scss

@@ -0,0 +1,308 @@
+.single-product {
+  padding: 60px 0 40px;
+
+  .breadcrumb {
+    background: transparent;
+
+    li {
+      color: $black;
+      font-weight: 200;
+
+      a {
+        color: $black;
+        font-weight: 200;
+      }
+    }
+  }
+
+  .product-pagination {
+    li {
+      display: inline-block;
+      margin: 0 8px;
+
+      &+li:before {
+        padding: 0 8px 0 0;
+        color: #ccc;
+        content: "/\00a0";
+      }
+
+      a {
+        color: $black;
+        font-weight: 200;
+
+        i {
+          vertical-align: middle;
+        }
+      }
+    }
+  }
+}
+
+
+
+.single-product-slider {
+  .carousel {
+    .carousel-inner {
+      .carousel-caption {
+        text-shadow: none;
+        text-align: left;
+        top: 20%;
+        bottom: auto;
+
+        h1 {
+          font-size: 50px;
+          font-weight: 100;
+          color: $black;
+        }
+
+        p {
+          width: 50%;
+          font-weight: 200;
+        }
+
+        .btn-main {
+          margin-top: 20px;
+        }
+      }
+    }
+
+    .carousel-control {
+      bottom: auto;
+      background: $white;
+      width: 6%;
+      padding: 10px 0;
+
+      i {
+        font-size: 40px;
+        text-shadow: none;
+        color: lighten( $black, 33.3 );
+      }
+    }
+
+    .carousel-indicators li {
+      img {
+        height: auto;
+        width: 60px;
+      }
+    }
+
+    .carousel-control.right,
+    .carousel-control.left {
+      background-image: none;
+      top: 40%;
+    }
+  }
+}
+
+
+
+.single-product-slider .carousel-indicators {
+  margin: 10px 0 0;
+  overflow: auto;
+  position: static;
+  text-align: left;
+  white-space: nowrap;
+  width: 100%;
+  overflow: hidden;
+
+  li {
+    background-color: transparent;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    display: inline-block;
+    height: auto;
+    margin: 0 !important;
+    width: auto;
+
+    &.active img {
+      opacity: 1;
+    }
+
+    &:hover img {
+      opacity: 0.75;
+    }
+
+    img {
+      display: block;
+      opacity: 0.5;
+    }
+  }
+}
+
+.single-product-details {
+  .color-swatches {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    align-items: center;
+
+    span {
+      width: 100px;
+      color: $black;
+      font-size: 13px;
+      font-weight: 600;
+    }
+
+    a {
+      display: inline-block;
+      width: 36px;
+      height: 36px;
+      margin-right: 5px;
+    }
+
+    li {
+      display: inline-block;
+    }
+
+    .swatch-violet {
+      background-color: #8da1cd;
+    }
+
+    .swatch-black {
+      background-color: $black;
+    }
+
+    .swatch-cream {
+      background-color: #e6e2d6;
+    }
+  }
+
+  .product-size {
+    margin-top: 20px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    align-items: center;
+
+    span {
+      width: 100px;
+      color: $black;
+      font-size: 13px;
+      font-weight: 600;
+      display: inline-block;
+    }
+
+    .form-control {
+      display: inline-block;
+      width: 130px;
+      letter-spacing: 2px;
+      text-transform: uppercase;
+      color: $black;
+      font-size: 12px;
+      border: 1px solid darken( $light, 7.843137254901947);
+      border-radius: 0px;
+      box-shadow: none;
+    }
+  }
+
+  .product-category {
+    margin-top: 20px;
+
+    >span {
+      width: 100px;
+      color: $black;
+      font-size: 13px;
+      font-weight: 600;
+      display: inline-block;
+    }
+
+    ul {
+      width: 140px;
+      display: inline-block;
+
+      li {
+        display: inline-block;
+        margin: 5px;
+      }
+    }
+  }
+
+  .product-quantity {
+    margin-top: 20px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    align-items: center;
+
+    >span {
+      width: 100px;
+      color: $black;
+      font-size: 13px;
+      font-weight: 600;
+      display: inline-block;
+    }
+
+    .product-quantity-slider {
+      width: 140px;
+      display: inline-block;
+
+      input {
+        height: 34px;
+      }
+
+      .input-group-btn:first-child>.btn,
+      .p-quantity .input-group-btn:first-child>.btn-group {
+        margin-right: -2px;
+      }
+
+      button {
+        border-radius: 0;
+      }
+    }
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.bootstrap-touchspin .input-group-btn-vertical {
+  position: relative;
+  white-space: nowrap;
+  width: 1%;
+  vertical-align: middle;
+  display: table-cell;
+}
+
+.bootstrap-touchspin .input-group-btn-vertical>.btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+  padding: 8px 10px;
+  margin-left: -1px;
+  position: relative;
+}
+
+.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
+  border-radius: 0;
+  border-top-right-radius: 4px;
+}
+
+.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
+  margin-top: -2px;
+  border-radius: 0;
+  border-bottom-right-radius: 4px;
+}
+
+.bootstrap-touchspin .input-group-btn-vertical i {
+  position: absolute;
+  top: 3px;
+  left: 5px;
+  font-size: 9px;
+  font-weight: normal;
+}

assets/scss/templates/_slider.scss

@@ -0,0 +1,57 @@
+.slider {
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center center;
+  padding: 170px 0 200px;
+  position: relative;
+  min-height: 1000px; /* Adjust based on your design needs */
+  @include large-desktop {
+    background-attachment: unset;
+    padding: 150px 0;
+  }
+
+  .block {
+    color: darken( $light, 8.4);
+    text-align: center;
+
+    h1 {
+      font-weight: 100;
+      font-size: 45px;
+      line-height: 1.33em;
+      letter-spacing: 0.2em;
+      padding-bottom: 15px;
+      text-transform: uppercase;
+
+      @include tablet {
+        font-size: 35px;
+      }
+
+      @include mobile {
+        font-size: 28px;
+      }
+
+      @include mobile-xs {
+        font-size: 26px;
+      }
+    }
+
+    p {
+      margin-bottom: 30px;
+      color: darken( $light, 95.09803921568627);
+      font-size: 25px;
+      line-height: 1.5em;
+      font-weight: 300;
+
+      @include mobile {
+        font-size: 14px;
+      }
+    }
+
+    @include mobile {
+      .btn {
+        font-size: 12px;
+      }
+    }
+  }
+}

assets/scss/templates/_testimonial.scss

@@ -0,0 +1,92 @@
+.testimonial {
+  padding: 100px 0;
+
+  @include tablet {
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+
+  .counter-box {
+    li {
+      width: 50%;
+      float: left;
+      text-align: center;
+      margin: 30px 0 30px;
+
+      @include tablet {
+        margin-top: 0px;
+      }
+    }
+  }
+
+  .testimonial-carousel {
+    border: 1px solid $border-color;
+    padding: 24px;
+
+    i {
+      font-size: 35px;
+      margin-bottom: 20px;
+    }
+
+    p {
+      font-family: $font-secondary;
+      line-height: 28px;
+      padding-bottom: 20px;
+    }
+
+    .user {
+      img {
+        padding-bottom: 0px;
+        border-radius: 500px;
+        width: 80px;
+        display: inline-block;
+      }
+
+      p {
+        font-family: $font-primary;
+        padding-bottom: 0;
+        margin-top: 6px;
+        font-size: 12px;
+        line-height: 20px;
+
+        span {
+          display: block;
+          color: lighten( $black, 22.54 );
+          font-weight: 600;
+        }
+      }
+    }
+
+    .owl-carousel .owl-pagination div {
+      border: 1px solid #1D1D1D;
+      border-radius: 500px;
+      display: inline-block;
+      height: 10px;
+      margin-right: 15px;
+      width: 10px;
+    }
+
+    .owl-carousel .owl-pagination div.active {
+      background: lighten( $black, 36.07);
+      font-size: 30px;
+      display: inline-block;
+      border: 0px;
+    }
+  }
+}
+
+.counter-box {
+  i {
+    font-size: 35px;
+    margin-bottom: 15px;
+  }
+
+  h4 {
+    font-size: 30px;
+    font-weight: bold;
+  }
+
+  span {
+    color: lighten( $black, 33.3 );
+  }
+}

assets/scss/templates/_user-dashboard.scss

@@ -0,0 +1,71 @@
+.dashboard-menu {
+  .active {
+    background: $color-primary;
+    color: $white;
+    border: 1px solid $color-primary;
+  }
+
+  li {
+    padding: 0;
+    margin: 0 3px;
+
+    a {
+      padding: 10px 20px;
+      border: 1px solid $border-color;
+
+      @include tablet {
+        padding: 10px 15px;
+      }
+
+      @include mobile {
+        padding: 10px 5px;
+      }
+
+      @include mobile-xs {
+        padding: 10px 5px;
+        font-size: 12px;
+      }
+    }
+  }
+}
+
+.dashboard-wrapper {
+  border: 1px solid $border-color;
+  margin-top: 30px;
+  padding: 20px;
+
+  h2 {
+    font-size: 18px;
+  }
+
+  h4 {
+    font-size: 16px;
+  }
+
+  .user-img {
+    width: 120px;
+    border-radius: 100px;
+  }
+}
+
+.dashboard-user-profile {
+  .user-img {
+    width: 180px;
+  }
+
+  .user-profile-list {
+    margin-top: 30px;
+    padding-left: 30px;
+
+    li {
+      margin-bottom: 8px;
+    }
+
+    span {
+      font-weight: bold;
+      margin-right: 5px;
+      width: 100px;
+      display: inline-block;
+    }
+  }
+}

assets/scss/why-amperion.scss

@@ -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;
+}
+

config/_default/hugo.toml

@@ -0,0 +1,82 @@
+######################## default configuration ####################
+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
+timeZone = "Europe/Vienna"
+# post pagination
+pagination.pagerSize = 6 # see https://gohugo.io/extras/pagination/
+# post excerpt
+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 = [ "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
+
+defaultContentLanguage = "de"
+
+
+############################# Build ##############################
+[build]
+noJSConfigInAssets = false
+useResourceCacheWhen = 'fallback'
+[build.buildStats]
+enable = true
+[[build.cachebusters]]
+source = 'assets/.*\.(js|ts|jsx|tsx)'
+target = '(js|scripts|javascript)'
+[[build.cachebusters]]
+source = 'assets/.*\.(css|sass|scss)$'
+target = '(css|styles|scss|sass)'
+[[build.cachebusters]]
+source = 'assets/.*\.(.*)$'
+target = '$1'
+
+############################# Outputs ##############################
+[outputs]
+home = ["HTML", "WebAppManifest"]
+
+############################# Imaging ##############################
+[imaging]
+# See https://github.com/disintegration/imaging
+# Default JPEG or WebP quality setting. Default is 75.
+quality = 90
+resampleFilter = "lanczos"
+
+############################# Caches ###############################
+[caches]
+[caches.images]
+dir = ":resourceDir/_gen"
+maxAge = "720h"
+
+[caches.assets]
+dir = ":resourceDir/_gen"
+maxAge = "720h"
+
+
+############################# Markup ###############################
+[markup]
+[markup.goldmark.renderer]
+unsafe= true
+
+[markup.tableOfContents]
+startLevel = 2
+endLevel = 6
+ordered = false
+
+[markup.highlight]
+style = 'monokai' # see https://xyproto.github.io/splash/docs/all.html
+
+
+############################ Media types ############################
+[mediaTypes]
+[mediaTypes."application/manifest+json"]
+suffixes = ["webmanifest"]
+
+############################ Output Format ###########################
+[outputFormats]
+[outputFormats.WebAppManifest]
+mediaType = "application/manifest+json"
+rel = "manifest"

config/_default/languages.toml

@@ -0,0 +1,28 @@
+################ German language ##################
+[de]
+languageName = "DE"
+languageCode = "de-AT"
+contentDir = "content/german"
+weight = 1
+
+################# English language ################
+[en]
+languageName = "EN"
+languageCode = "en-US"
+contentDir = "content/english"
+weight = 2
+
+################ French language ##################
+[fr]
+languageName = "FR"
+languageCode = "fr-FR"
+contentDir = "content/french"
+weight = 3
+
+################ Italian language #################
+[it]
+languageName = "IT"
+languageCode = "it-IT"
+contentDir = "content/italian"
+weight = 4
+

config/_default/menus.de.toml

@@ -0,0 +1,93 @@
+############# German navigation ##############
+
+# main menu
+
+[[main]]
+name = "Home"
+url = "/"
+weight = 1
+
+[[main]]
+name = "Leistungen"
+url = "service/"
+weight = 2
+identifier = "service"
+
+[[main]]
+name = "Energiekonzepte & Digitale Lösungen"
+url = "service/energiekonzepte/"
+weight = 1
+parent = "service"
+
+[[main]]
+name = "Projektmanagement"
+url = "service/projektmanagement/"
+weight = 2
+parent = "service"
+
+[[main]]
+name = "E-Mobilität"
+url = "service/emobilitaet/"
+weight = 3
+parent = "service"
+
+[[main]]
+name = "Photovoltaik & Speicherlösungen"
+url = "service/photovoltaik/"
+weight = 4
+parent = "service"
+
+[[main]]
+name = "Digitale Lösungen & IKT"
+url = "service/dig_loes_ikt/"
+weight = 5
+parent = "service"
+
+[[main]]
+name = "Elektrotechnik"
+url = "service/elektrotechnik/"
+weight = 6
+parent = "service"
+
+[[main]]
+name = "Über AMPERION"
+url = "about/"
+weight = 3
+
+[[main]]
+name = "Kontakt"
+url = "contact/"
+weight = 4
+
+
+
+# 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"
+url = "impressum/"
+weight = 4
+
+[[footer]]
+name = "AGB"
+url = "agb/"
+weight = 5
+
+[[footer]]
+name = "Datenschutz"
+url = "datenschutz/"
+weight = 6

config/_default/menus.en.toml

@@ -0,0 +1,54 @@
+############# English navigation ##############
+
+# main menu
+
+[[main]]
+name = "Services"
+url = "contact/"
+weight = 1
+
+[[main]]
+name = "Contact"
+url = "contact/"
+weight = 2
+
+[[main]]
+name = "About AMPERION"
+url = "contact/"
+weight = 3
+
+[[main]]
+name = "Carreer"
+url = "contact/"
+weight = 4
+
+# footer menu
+[[footer]]
+name = "Services"
+url = "contact/"
+weight = 1
+
+[[footer]]
+name = "Contact"
+url = "contact/"
+weight = 2
+
+[[footer]]
+name = "About AMPERION"
+url = "contact/"
+weight = 3
+
+[[footer]]
+name = "Carreer"
+url = "contact/"
+weight = 4
+
+[[footer]]
+name = "Imprint"
+url = "service/"
+weight = 5
+
+[[footer]]
+name = "GTC"
+url = "agb/"
+weight = 6

config/_default/menus.fr.toml

@@ -0,0 +1,82 @@
+############# French navigation ##############
+
+# main menu
+[[main]]
+name = "Accueil"
+url = ""
+weight = 1
+
+[[main]]
+name = "À propos"
+url = "about/"
+weight = 2
+
+[[main]]
+name = "Projet"
+url = "project/"
+weight = 3
+
+[[main]]
+name = "Blog"
+url = "blog/"
+weight = 4
+
+[[main]]
+weight = 5
+name = "Plus"
+hasChildren = true
+
+  [[main]]
+  parent = "Plus"
+  name = "Service"
+  url = "service/"
+  weight = 1
+
+  [[main]]
+  parent = "Plus"
+  name = "Tarification"
+  url = "pricing/"
+  weight = 2
+
+  [[main]]
+  parent = "Plus"
+  name = "Questions fréquentes"
+  url = "faq/"
+  weight = 3
+  
+[[main]]
+name = "Contact"
+url = "contact/"
+weight = 6
+
+
+# footer menu
+[[footer]]
+name = "À propos"
+url = "about/"
+weight = 2
+
+[[footer]]
+name = "Projet"
+url = "project/"
+weight = 3
+
+[[footer]]
+name = "Service"
+url = "service/"
+weight = 4
+
+[[footer]]
+name = "Tarification"
+url = "pricing/"
+weight = 5
+
+[[footer]]
+name = "Questions fréquentes"
+url = "faq/"
+weight = 6
+
+[[footer]]
+name = "Contact"
+url = "contact/"
+weight = 7

config/_default/menus.it.toml

@@ -0,0 +1,82 @@
+############# Italian navigation ##############
+
+# main menu
+[[main]]
+name = "Pagina iniziale"
+url = ""
+weight = 1
+
+[[main]]
+name = "Chi siamo"
+url = "about/"
+weight = 2
+
+[[main]]
+name = "Progetto"
+url = "project/"
+weight = 3
+
+[[main]]
+name = "Blog"
+url = "blog/"
+weight = 4
+
+[[main]]
+weight = 5
+name = "Più"
+hasChildren = true
+
+  [[main]]
+  parent = "Più"
+  name = "Servizio"
+  url = "service/"
+  weight = 1
+
+  [[main]]
+  parent = "Più"
+  name = "Tariffazione"
+  url = "pricing/"
+  weight = 2
+
+  [[main]]
+  parent = "Più"
+  name = "Domande frequenti"
+  url = "faq/"
+  weight = 3
+  
+[[main]]
+name = "Contatta"
+url = "contact/"
+weight = 6
+
+
+# footer menu
+[[footer]]
+name = "Chi siamo"
+url = "about/"
+weight = 2
+
+[[footer]]
+name = "Progetto"
+url = "project/"
+weight = 3
+
+[[footer]]
+name = "Servizio"
+url = "service/"
+weight = 4
+
+[[footer]]
+name = "Tariffazione"
+url = "pricing/"
+weight = 5
+
+[[footer]]
+name = "Domande frequenti"
+url = "faq/"
+weight = 6
+
+[[footer]]
+name = "Contatta"
+url = "contact/"
+weight = 7

config/_default/params.toml

@@ -0,0 +1,99 @@
+#################### default parameters ################################
+# favicon
+favicon = "images/amperion_logo.webp"
+# logo
+logo = "images/Schrift_1.webp"
+# use `px` or `x` with logo_width, example: "100px".
+# Note: logo_width is not work with .svg file
+logo_width = "200px"
+# logo text will only show when logo is missing.
+logo_text = "AMPERION"
+# navbar fixed to top
+navbar_fixed = true
+# OpenGraph / Twitter Card metadata
+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
+phone = """+43 677 62090425 <br> 
++43 677 62090426"""
+email = "office@amperion.at"
+location = """
+**AMPERION GmbH**  
+Margarethner Straße 24a <br>
+2431 Enzersdorf an der Fischa
+"""
+# copyright
+copyright = "AMPERION GmbH"
+# custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>" 
+custom_script= ""
+
+
+[contact.form]
+enable = false
+# Whether to use [Netlify Forms](https://docs.netlify.com/forms/setup/)
+use_netlify = false
+# Whether to use recaptch v3 in form
+use_recaptcha = false
+# 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) 
+action = "#"
+# Image on custom success page `/message_sent.html`
+success_image = "images/paper-plane.svg"
+
+
+# Preloader
+[preloader]
+enable = true
+preloader = "" # use jpg, png, svg or gif format.
+
+# Navigation button
+[navigation_button]
+enable = true
+label = "get a quote"
+link = "contact"
+
+
+# matomo tracking: see https://matomo.org/
+[matomo]
+enable = false
+url = "" # your matomo url
+id = "" # your matomo id
+
+
+# site verifications
+[site_verification]
+google = "" # Your verification code
+bing = "" # Your verification code
+baidu = "" # Your verification code
+
+# cookies
+[cookies]
+enable = false
+expire_days = 0
+content = "Diese Seite verwendet keine Cookies. By continuing to use this website, you agree to their use."
+button = "I Accept"
+
+######################## sidebar widgets #########################
+[widgets]
+sidebar = ["recent_posts", "taxonomy_category", "taxonomy_tags"]
+# available widget : categories,tags,recent-post
+
+############################# social site ########################
+#[[social]]
+#title = "facebook"
+#image = "images/social/facebook.webp"
+#link = "#"
+
+[[social]]
+title = "instagram"
+image = "images/social/instagram.webp"
+link = "https://www.instagram.com/amperion_official"
+
+[[social]]
+title = "linkedin"
+image = "images/social/linkedin.webp"
+link = "https://www.linkedin.com/company/101907682"

content/german/_index.md

@@ -0,0 +1,115 @@
+---
+############################### Banner ##############################
+banner:
+  enable: true
+  bg_image: "#"
+  bg_overlay: false
+  logo_image: "images/logo1.webp"  # Neuer Eintrag für das Logo
+  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: "Ingenieur­büro und Elektro­technik­betrieb"
+  content: "Wir entwickeln Energielösungen für die Zukunft"
+  button:
+    enable: true
+    label: "Kontakt"
+    link: "mailto:office@amperion.at"
+  second_button:
+    enable: true
+    link: "#about"
+    image: "images/pfeil-nach-unten-skizze.webp"
+    label: "About us"
+############################# About #################################
+about:
+  enable: true
+  title: "ÜBER AMPERION"
+  description: "Know-How ist unser Werkzeug. Präzision ist unser Anspruch. Flexibilität ist unser Vorteil."
+  content: "<h5> AMPERION ist ein staatlich geprüftes Ingenieurbüro und konzessionierter Elektrotechnikbetrieb mit Sitz in Niederösterreich. </h5> <p> Wir haben uns darauf spezialisiert, Green-Tech-Projekte so zu gestalten, dass sie in der Praxis halten, was sie am Papier versprechen. Ob für Unternehmen, Gemeinden oder private Auftraggeber:innen. </p> <p> Wir bringen Struktur in komplexe Anforderungen, klären Schnittstellen und denken wirtschaftlich wie technisch voraus. Von der ersten Idee bis zur Umsetzung begleiten wir Energieprojekte mit Weitblick, Präzision und Umsetzungsstärke. Netzanschluss, Einreichung, Wirtschaftlichkeit, Normen, Schnittstellen und alles, was später entscheidend wird, berücksichtigen wir von Anfang an. </p> <p> Dabei verbinden wir klassische Ingenieursdisziplin mit systemischem Denken, technischer Planung, Koordination, digitale Lösungen und Erfahrung aus realen Projekten. </p> <p> AMPERION arbeitet unabhängig, strukturiert und mit dem Anspruch, Verantwortung zu übernehmen, damit Energieprojekte gelingen.</p>"
+  image: "images/ingenieurbuero.webp"
+
+ ############################# 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: " 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/amperionteam1.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
+  title: "Facts About Us"
+  description: ""
+  fact_item:
+  - image: "images/logo-fusszeile-mitglieder-2018.webp" # Pfad zum lokalen Bild
+    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: ""
+    image: ""
+    designation: ""
+    content: ""
+
+  # testimonial item loop
+  - name: ""
+    image: "images/logo-fusszeile-mitglieder-2018.webp"
+    designation: ""
+    content: ""
+
+  # testimonial item loop
+  - name: ""
+    image: ""
+    designation: ""
+    content: ""
+
+
+---

content/german/about.md

@@ -0,0 +1,66 @@
+---
+title: "Über uns"
+description: "this is meta description"
+bg_image: ""
+layout: "about"
+draft: false
+
+
+################################## About #####################################
+about:
+  enable : true
+  image : "images/teams/alex_markus6.webp"
+  hover_image: "images/teams/alex_markus6.webp" # Hinzugefügtes Feld für das Hover-Bild
+  title : "We strive to be the best and <br> make awesome work. e strive to be the best and <br> make awesome work. e strive to be the best and <br> make awesome work. e strive to be the best and <br> make awesome work."
+  content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius enim, accusantium repellat ex autem numquam iure officiis facere vitae itaque.
+
+
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam qui vel cupiditate exercitationem, ea fuga est
+  velit nulla culpa modi quis iste tempora non, suscipit repellendus labore voluptatem dicta amet? Lorem ipsum
+  dolor sit amet, consectetur adipisicing elit. Provident, neque!"
+
+  button:
+    enable : true
+    label : "Download Company Profile"
+    link : "#"
+
+ 
+
+  right_person:
+    name: "Ing. Alexander Stosic, MSc <br> Founder & CEO"
+    description: >
+      Alexander ist Elektrotechniker mit internationaler Forschungserfahrung und umfassender Praxis in der Planung und Umsetzung von Energie- und Infrastrukturprojekten. Als Gastforscher am Lawrence Berkeley National Laboratory (USA) und IEEE-Autor forschte er an Vehicle-to-Grid-Systemen und KI-gestützten Netzprognosen.In Österreich war er zuletzt für den flächendeckenden Ausbau von Ladeinfrastruktur bei einer Tochtergesellschaft von VERBUND und EnBW verantwortlich. Zuvor war er an Projekten in den Bereichen Windkraft und Photovoltaik beteiligt. Neben seiner langjährigen Erfahrung in der Planung, Projektierung und Umsetzung elektrotechnischer Anlagen, vom Einreichplan bis zur Inbetriebnahme, spricht Alexander fünf Sprachen und macht AMPERION damit auch international einsetzbar. <br> Bei AMPERION steht er für technische Präzision, normgerechte Planung und systemisches Denken in komplexen Energieprojekten.
+
+  left_person:
+    name: "Markus Wimmer, BSc <br> Founder & CEO"
+    description: >
+      Markus ist staatlich geprüfter Ingenieur mit über zwölf Jahren Erfahrung in der Planung und Umsetzung anspruchsvoller Green-Tech-Projekte. Er begleitete zahlreiche Vorhaben für Gewerbe, Industrie und öffentliche Einrichtungen von Photovoltaik-Großanlagen über Wärmepumpen bis hin zu Lüftungssystemen. Dabei verantwortete er den gesamten Projektverlauf. Er verfügt über fundiertes Fachwissen in der systemübergreifenden Integration von Photovoltaikanlagen, Wärmepumpen, kontrollierter Wohnraumlüftung, E-Ladestationen und Speicherlösungen und ist zudem Experte für digitale Lösungen. Seine Stärke liegt in der praxisorientierten Projektführung, im vernetzten Denken und in der Fähigkeit, komplexe Anforderungen in funktionierende Lösungen zu überführen. <br> Bei AMPERION steht er für gebäudetechnische Integration, Verantwortung, Qualität und Planungssicherheit bis ins Detail.
+
+
+
+#################################### testimonial & mission vision #######################################
+testimonial:
+  enable : true
+  # testimonial content comes from "data/*/homepage.yml" file
+
+mission_vision:
+  enable : true
+  tabs:
+  # tab item loop
+  - name : "Unsere Vision"
+    content : "<h4> Wir ermöglichen Energieprojekte, die Sinn machen!</h4> <p> Wir sehen eine Zukunft, in der erneuerbare Energien die Grundlage einer verlässlichen, wirtschaftlichen und nachhaltigen Energieversorgung bilden.</p> <p> Was uns antreibt, ist der Anspruch, Energieprojekte nicht nur umzusetzen, sondern sinnvoll für Menschen, Systeme und Generationen zu gestalten. Mit technischer Präzision, unternehmerischem Denken und dem Blick fürs Ganze wollen wir die Energiewende mitgestalten.</p> <p> Nicht als Trend, sondern als Aufgabe.</p>"
+
+  # tab item loop
+  - 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 : " <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 #################################
+cta:
+  enable : true
+  # call to action content comes from "_index.md"
+---

content/german/agb.md

@@ -0,0 +1,103 @@
+---
+title: "AGB"
+description: "Allgemeine Geschäftsbedingungen"
+subtitle : ""
+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
+
+ 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.
+
+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. 
+
+
+#### 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.
+
+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.
+
+c)    Vereinbarungen bedürfen grundsätzlich der Schriftform. 
+
+
+#### 3. Auftragserteilung
+a)   Art und Umfang der vereinbarten Leistung ergeben sich aus Vertrag, Vollmacht und diesen Allgemeinen Geschäftsbedingungen.
+
+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.
+
+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.
+
+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.
+
+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. 
+
+
+#### 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.
+
+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.
+
+c)    Das Ingenieurbüro hat seine Leistungen mit der von ihm als Fachmann zu erwartenden Sorgfalt (§1299 ABGB) zu erbringen.
+
+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 entgangenen Gewinn ist auch bei grober Fahrlässigkeit ausgeschlossen, sofern im Einzelfall nichts anderes geregelt ist. 
+
+
+#### 5. Rücktritt vom Vertrag
+a)   Ein Rücktritt vom Vertrag ist nur aus wichtigem Grund zulässig.
+
+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.
+
+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.
+
+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. 
+
+
+#### 6. Honorar, Leistungsumfang 
+a)   Sämtliche Honorare sind mangels abweichender Angaben in EURO erstellt.
+
+b)   In den angegebenen Honorarbeträgen ist die Umsatzsteuer (Mehrwertsteuer) nicht enthalten, diese ist gesondert vom Auftraggeber zu bezahlen.
+
+c)    Die Kompensation mit allfälligen Gegenforderungen, aus welchem Grunde auch immer, ist unzulässig.
+
+d)   Sofern nichts anderes vereinbart ist, sind die vom Fachverband Ingenieurbüros herausgegebenen Unverbindlichen Kalkulationsempfehlungen Vertragsinhalt.
+
+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. 
+
+
+#### 7. Erfüllungsort
+Erfüllungsort für alle Büroleistungen ist der Sitz des Ingenieurbüros. 
+
+
+#### 8. Geheimhaltung
+a)   Das Ingenieurbüro ist zur Geheimhaltung aller vom Auftraggeber erteilten Informationen verpflichtet.
+
+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. 
+
+
+#### 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. 

content/german/blog/_index.md

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

content/german/blog/blog-post-1.md

@@ -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>

content/german/blog/blog-post-2.md

@@ -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>

content/german/blog/blog-post-3.md

@@ -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.

content/german/blog/blog-post-4.md

@@ -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.

content/german/blog/blog-post-5.md

@@ -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>

content/german/blog/blog-post-6.md

@@ -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.

content/german/blog/date-i18n.md

@@ -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" %}}
+```

content/german/contact.md

@@ -0,0 +1,12 @@
+---
+title: "Kontakt"
+description: ""
+bg_image: ""
+layout: "contact"
+draft: false
+
+############################# call to action #################################
+cta:
+  enable : true
+  # call to action content comes from "_index.md"
+---

content/german/datenschutz.md

@@ -0,0 +1,164 @@
+---
+title: "Datenschutz"
+description: "Datenschutzrichtlinie"
+subtitle : ""
+lastmod: 2024-07-22T00:00:00
+bg_image: "images/privacy-policy.webp"
+layout: "datenschutz"
+draft: false
+
+############################# call to action #################################
+cta:
+  enable : true
+  # call to action content comes from "_index.md"
+---
+
+
+
+
+#### Datenschutzerklärung
+
+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.
+
+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  
+E-Mail: office@amperion.at
+
+
+
+#### 2. Rechte der Nutzer und Betroffenen
+
+Mit Blick auf die nachfolgend noch näher beschriebene Datenverarbeitung haben die Nutzer und Betroffenen das Recht
+
+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).  
+ 
+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.
+
+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.
+
+#### 3. Informationen zur Datenverarbeitung
+
+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
+
+Zur Einholung einer Einwilligung zum Einsatz von technisch nicht notwendigen Cookies auf der Website, setzt der Anbieter einen Cookie-Manager ein.
+
+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.
+
+Die Installation der Cookies kann der Nutzer durch Einstellungen seines Browsers verhindern bzw. beenden.
+Cookies
+<p> a) Sitzungs-Cookies/Session-Cookies
+
+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.
+
+Rechtsgrundlage dieser Verarbeitung ist Art. 6 Abs. 1 lit b.) DSGVO, sofern diese Cookies Daten zur Vertragsanbahnung oder Vertragsabwicklung verarbeitet werden.
+
+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.
+
+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.
+
+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
+
+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
+
+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.
+
+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
+
+Zur Bewerbung unserer Produkte und Leistungen sowie zur Kommunikation mit Interessenten oder Kunden betreiben wir eine Firmenpräsenz auf der Plattform Instagram.
+
+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>
+

content/german/faq.md

@@ -0,0 +1,62 @@
+---
+title: "Häufige Fragen"
+description: "this is meta description"
+subtitle : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi, repudiandae."
+lastmod: 2021-04-01T00:00:00
+bg_image: ""
+layout: "faq"
+draft: false
+---
+
+### Welcome to Airspace!
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia ullam sint quas pariatur ipsam nemo
+repellendus suscipit quod accusantium numquam tempora assumenda sequi, velit voluptatem soluta voluptatibus
+nesciunt ducimus iure. Excepturi voluptatum ullam tenetur perspiciatis alias delectus beatae voluptatibus
+magni facere aspernatur, qui, quas nesciunt blanditiis assumenda a expedita accusantium quos consectetur neque
+nemo. Necessitatibus est quod quo deserunt, dicta aut voluptatem blanditiis, alias quos sed vel unde enim
+dolore aliquam quis reiciendis qui vitae reprehenderit. Similique nemo accusamus, vel possimus error cumque
+quas, tempora repellendus velit, unde cupiditate impedit deserunt fugit labore et nostrum sapiente est
+obcaecati maiores voluptates.
+
+#### 1.Overview
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas iusto, alias, tempora fuga quam eveniet
+neque excepturi aliquid. Eligendi, mollitia.
+
+#### 2. Data We Collect
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, earum, quibusdam? Accusantium, eaque at
+quasi dicta quis consectetur. Temporibus, natus illo quasi, magni neque fugiat ducimus omnis, ab ullam
+reprehenderit obcaecati. Inventore ut nisi repellendus dolores odit. Ea molestias perspiciatis enim, tenetur
+impedit suscipit quidem optio asperiores quibusdam. Minus, vel.
+
+#### 3. How We Use Data
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus repellat id, laboriosam ipsa
+repudiandae quisquam, suscipit officiis, praesentium itaque facilis distinctio dolorum. Velit reiciendis
+libero laudantium corporis, delectus impedit sunt.
+
+#### 4. How We Disclose Data.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur itaque ut culpa totam ratione! Iste
+possimus beatae consequuntur, fugit iusto fugiat id, dignissimos culpa obcaecati voluptatum omnis est
+quibusdam quos, et illo rerum quae dolorem error quis suscipit asperiores facilis? Ratione, facere architecto
+modi incidunt voluptatibus iusto maiores, at libero accusamus aliquam dolor minus autem possimus illum maxime,
+fugit fuga! A libero adipisci molestias praesentium distinctio odio, alias accusantium, dolorum itaque,
+necessitatibus labore! Facilis explicabo pariatur laudantium quibusdam consequatur ex odio labore sequi animi.
+Voluptatem impedit, maiores, cupiditate, iure possimus neque quaerat natus aut minima quibusdam tempora
+magnam, vero itaque!
+
+#### 5. Security
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae blanditiis quod saepe, inventore ipsum sint
+cum iste quae ratione nobis laborum minima autem totam similique, quia neque deleniti! Provident, suscipit.
+
+#### 6. Advertising.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, eaque repellendus placeat aperiam fugit.
+Quod inventore quis quos, molestias nostrum tempora quae adipisci dolorem ipsam repellendus officia,
+voluptatem assumenda porro possimus, eius eum enim qui natus! Quas numquam voluptas reiciendis eveniet ab at
+provident omnis mollitia ipsa. Asperiores vero rem cum minima voluptas, vitae magni accusantium quae. Sed,
+expedita, ad.

content/german/impressum.md

@@ -0,0 +1,69 @@
+---
+title: "Impressum"
+layout: "impressum"
+bg_image: "images/module_reflection_2.webp"
+draft: false
+headings:
+  - Firmenname
+  - Firmensitz
+  - Rechtsform
+  - Kontakt
+  - Gericht
+  - Firmenbuch Nr.
+  - Geschäftsführer
+  - Gewerbebezeichnung
+  - GISA-Zahl
+  - UID-Nummer
+contents:
+  - |
+    AMPERION GmbH  
+  - |
+    Margarethner Straße 24a  
+    2431 Enzersdorf an der Fischa  
+    Österreich
+  - |
+    Gesellschaft mit beschränkter Haftung
+  - |
+    Markus Wimmer: +43 677 62090425  
+    Alexander Stosic: +43 677 62090426  
+    E-Mail: [office@amperion.at](mailto:office@amperion.at)
+  - |
+    Landesgericht Korneuburg
+  - |
+    FN 622219 d
+  - |
+    Markus Wimmer BSc. & Ing. Alexander Stosic MSc.
+  - |
+    -- Ingenieurbüros (Beratende Ingenieure) auf dem Fachgebiet Urbane Erneuerbare Energietechnologien  
+    -- Elektrotechnik unter Ausschluss der Errichtung von Alarmanlagen
+  - |
+    36878963  
+    37826109
+  - |
+    ATU80426326
+
+email: office@amperion.at
+telefon: +4367762090426
+############################# call to action #################################
+cta:
+  enable : true
+  # call to action content comes from "_index.md"
+---
+
+## Impressum
+
+Hier sind die rechtlichen Informationen zu finden.
+
+
+### Firmenname
+
+AMPERION GmbH  
+Margarethner Straße 24a  
+2431 Enzersdorf an der Fischa  
+Österreich
+
+## Kontaktmöglichkeiten
+
+Telefon: +43 677 62090425 & +43 677 62090426  
+E-Mail: [office@amperion.at](mailto:office@amperion.at)
+

content/german/message_sent.md

@@ -0,0 +1,4 @@
+---
+layout: "message_sent"
+draft: false
+---

content/german/pricing.md

@@ -0,0 +1,55 @@
+---
+title: "Unsere Preise"
+description: "this is meta description"
+bg_image: ""
+layout: "pricing"
+draft: false
+
+################################ pricing ################################
+pricing:
+  enable : true
+  pricing_table:
+  # pricing table loop
+  - name : "Basic"
+    price: "$99"
+    content : "Perfect for single freelancers who work by themselves"
+    link : "#"
+    services:
+    - Unlimited agents
+    - 10 PSD Design
+    - HTML5 Markup
+    - Basic SEO
+    - Email Marketing
+    - 24/7 Tech Support
+
+  # pricing table loop
+  - name : "Premium"
+    price: "$199"
+    content : "Suitable for small businesses with up to 5 employees"
+    link : "#"
+    services:
+    - Unlimited agents
+    - 10 PSD Design
+    - HTML5 Markup
+    - Basic SEO
+    - Email Marketing
+    - 24/7 Tech Support
+
+  # pricing table loop
+  - name : "Advance"
+    price: "$299"
+    content : "Suitable for large businesses with unlimited employees"
+    link : "#"
+    services:
+    - Unlimited agents
+    - 10 PSD Design
+    - HTML5 Markup
+    - Basic SEO
+    - Email Marketing
+    - 24/7 Tech Support
+
+############################# call to action #################################
+cta:
+  enable : true
+  # call to action content comes from "_index.md"
+---

content/german/project/_index.md

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

content/german/project/rio-furniture-1.md

@@ -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?

content/german/project/rio-furniture-2.md

@@ -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?

content/german/project/rio-furniture-3.md

@@ -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?