Weinhnachen BibiTinaMeölly25

src/sass/_kalender.sass

@@ -5,7 +5,7 @@ $marginLeftRight: 5px  // abstand linker und rechter rand
 $marginTop: 5px      
 $marginBetween: 5px     // abstand zwischen den Tueren
 $doorBorderSize: 2px    
-$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
+$doorWidth: math.div($kalenderWidth - 3.5 * $marginLeftRight - 3 * $marginBetween, 4)
 
 /* ********************************
 
@@ -29,7 +29,7 @@ $doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
     width: $doorWidth
     height: $doorWidth
     overflow: hidden
-    background: hsla(0, 0%, 100%, 0.5)
+    background: hsla(0, 0%, 100%, 0.3)
 
   h3
     padding-top: 1.5rem

src/sass/_mixins.sass

@@ -0,0 +1,20 @@
+// Personen Farbe txt
+@mixin personen-txt($color)
+      color: $color
+      font-weight: bold
+      u
+        color: $color
+      span
+        display: inline-block
+        padding: 0.3rem 0 0 0
+        
+        
+      
+    #bibi
+      @include personen-txt($bibi)
+
+    #melly
+      @include personen-txt($melly)
+  
+    #packa
+      @include personen-txt(darkgreen)

src/sass/_tueren.sass

@@ -25,8 +25,8 @@ $melly: #6959cd
     u
       margin-top: 1rem
       color: $headerFontColor
-      font-weight: bold 
-      
+      font-weight: bold
+
     #bibi
       color: $bibi
       u
@@ -44,6 +44,16 @@ $melly: #6959cd
       span
         color: grey
         margin: 1rem 0 0 0
+        
+    #packa
+      color: darkgreen
+      font-weight: bold
+      u
+        color: darkgreen 
+      span
+        display: inline-block
+        padding: 0.3rem 0 0 0
+    
     
   .schneei
     
@@ -67,7 +77,7 @@ $melly: #6959cd
   img
     display: inline-block
     margin: 0rem 0 10px 0
-    width: 40%
+    width: 30%
 
   #schneiiW
     display: inline-block

src/sass/main.sass

@@ -1,40 +1,52 @@
 /*   https://www.colorhexa.com/e945bd
 
+//'mixins'
 
 
+// ### System Modul
+@use 'sass:math'
+// ################
+
 $navtop: 20px
 $headerRadios: 2rem
-$siteColor: #E945BD
+$siteColor: #A0522D
 $galeryBackgraund: hsla(326, 78.8%, 59.2%, 0.2)
-$headerFontColor: #de5359
+$headerFontColor: 	#CD853F
 $imageGweight: 8rem
 
+
 @import 'nav2', 'home', 'kalender', 'tueren', 'other'
 
 /* **************************************
 
 body
     text-align: center
-    margin: 0
+    margin: 0 
 
     
-    background-color: darkgray //hsla(190, 50%, 80%, 0.7)
-    //height: 100vh
-
     &:before
         height: 100%
         content: ""
-        background-size: 90%
-        background-image: url("../inc/bg/snow3.jpg")
-        filter: hue-rotate(80deg)
-        opacity: 100%
-        top: 0
-        left: 0
-        bottom: 0
-        right: 0
+        background-size: 60%
+        background-image: url("../inc/bg/hufeisen_pattern_1024.png")
+        //filter: hue-rotate(-50deg)
+        //background-repeat: no-repeat
+        inset: 0
         position: fixed
         z-index: -1
- 
+    &:after
+        content: ""
+        position: fixed
+        top: 150px
+        left: 50%
+        transform: translateX(-50%)
+        width: 800px
+        height: 800px
+        background-image: url("../inc/bg/golden_christmas_tree.png")
+        background-repeat: no-repeat
+        background-size: contain
+        z-index: -1
+        pointer-events: none
         
 footer
     position: fixed
@@ -63,4 +75,7 @@ footer
     color: darkgray 
         
 article 
-    padding-bottom: 12rem
+    padding-bottom: 12rem 
+    
+
+