From 4e88dbae2f20efedd20462233d723405b1012a28 Mon Sep 17 00:00:00 2001
From: AI Assistant <ai@example.com>
Date: Fri, 3 Apr 2026 16:24:16 +0000
Subject: [PATCH] Add initial custom styles and variables

---
 NOVAChild/themes/my-nova/sass/_variables.scss |  19 ++--
 NOVAChild/themes/my-nova/sass/my-nova.scss    | 103 ++++++++++++++++++
 2 files changed, 115 insertions(+), 7 deletions(-)

diff --git a/NOVAChild/themes/my-nova/sass/_variables.scss b/NOVAChild/themes/my-nova/sass/_variables.scss
index 96b17c6..49e2041 100644
--- a/NOVAChild/themes/my-nova/sass/_variables.scss
+++ b/NOVAChild/themes/my-nova/sass/_variables.scss
@@ -9,15 +9,20 @@
 // Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
 // -------------------Beginn eigene Variablen----------------------------------
 
+$footer-color:          #FFFFFF !default;
+$footer-bg-color:       #2E3740 !default;
+$header-color:          #000000 !default;
+$header-bg-color:       #FFFFFF !default;
+$copyright-bg-color:    #2E3740 !default;
+//$headings-color:        #FFFFFF !default;
 
+$white:                             #ffffff !default;
+$black:                             #000000 !default;
 
-
-
-
-
-
-
-
+$transition-base-duration:          .8s !default;
+$transition-base-timing:            ease !default;
+$transition-base:                   all $transition-base-duration $transition-base-timing !default;
+$transition-fade:                   opacity .35s linear !default;
 
 // -------------------Ende eigene Variablen----------------------------------
 
diff --git a/NOVAChild/themes/my-nova/sass/my-nova.scss b/NOVAChild/themes/my-nova/sass/my-nova.scss
index 78780a7..32a0762 100644
--- a/NOVAChild/themes/my-nova/sass/my-nova.scss
+++ b/NOVAChild/themes/my-nova/sass/my-nova.scss
@@ -21,3 +21,106 @@
 // my-nova Theme
 // Hier können alle Style-Angaben notiert werden, die nur Auswirkungen auf dieses Theme haben
 // ------------------- Beginn eigenes CSS ----------------------------
+
+#footer {
+  .form-control {
+    background-color: #FFFFFF;
+    color: #000000;
+    &::placeholder {
+      color: #000000;
+    }
+  }
+  .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
+    label {
+      background: $footer-bg-color;
+      color: $footer-color;
+    }
+  }
+  a {
+    color: $footer-color;
+    &:hover:not(.btn) {
+      color: $primary;
+    }
+  }
+  .productlist-filter-headline {
+    color: $footer-color;
+  }
+  .newsletter-footer-heading {
+    color: $footer-color;
+    $link-color:            #FFFFFF !default;
+  }
+}
+
+header {
+  background-image: url(https://stoffhaus-hanke.de/media/image/storage/opc/header/headerfinal.png);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-attachment: relative;
+}
+
+header .nav-link {
+  background-color: #FFFFFF;
+  color: #000000;
+  font-size: 16px;
+  font-weight: bold;
+  opacity: 0.8;
+  border-radius: 15px 15px 15px 15px;
+  
+  &:hover {
+    opacity: 1;
+  }
+}
+
+#header-top-bar{
+  background-color: #2E3740;
+}
+
+#header-top-bar .ara-topinfo{
+  font-weight: bold;
+  a {color: #FFFFFF;}
+}
+
+#shop-logo {
+  border-radius: 15px 15px 15px 15px;
+  background-color: #FFFFFF;
+  opacity: 0.8;
+}
+
+.secure-checkout-topbar {
+  border-radius: 15px 15px 15px 15px;
+  background-color: #FFFFFF;
+  opacity: 0.8;
+}
+
+.ara-topinfo {margin:5px auto 5px auto; text-decoration: none;}
+.ara-topinfo li {margin-right:10px; text-decoration: none; display:inline;color: #FFFFFF;}
+.ara-topinfo i {margin-right:3px;color: #FFFFFF;}
+
+#article_buyfield .choose_quantity .submit,
+button[name="inWarenkorb"] {
+  border-color: #000000;
+  color: #FFFFFF !important;
+  background-color: #2c8d2e !important;
+}
+
+@media screen and (min-width: 1200px) {
+  #main-wrapper {
+    background-image: url(https://stoffhaus-hanke.de/media/image/storage/opc/header/stoffballen.png); 
+    background-attachment: fixed;
+  }
+  #content {
+    width: 1200px;
+    margin: auto;
+    background-color: #FFFFFF;
+    border-radius: 15px 15px 15px 15px;
+    border: 10px solid white;
+  }
+  .breadcrumb-wrapper {
+    margin-left:auto;
+    margin-right:auto; 
+    width: 1200px;
+    background-color: #FFFFFF;
+    border-radius: 15px 15px 15px 15px;
+    border: 10px solid white;
+  }
+}
\ No newline at end of file