test

src/sass/_base.sass

@@ -7,7 +7,8 @@
 // 🎨 Farben
 // ------------------------------
 $siteColor: #A0522D
-$backgroundTxt: hsla(0, 0%, 100%, 0.7) url("../inc/bg/1667917199713.png") -1px -5px no-repeat
+$backgroundTxt: hsla(0, 0%, 100%, 0.7)
+$bgTür: hsla(0, 0%, 100%, 0.3)
 $galeryBackgraund: hsla(326, 78.8%, 59.2%, 0.2)
 $headerFontColor: #CD853F
 $txtColor: darkred
@@ -24,7 +25,6 @@ $imageGweight: 8rem
 // ------------------------------
 @mixin txt-base($size)
   font-size: $size
-  //font-size: calc(#{$size} / 0.7) // kompensiert initial-scale=0.7
   font-weight: bold
   color: $txtColor
   font-family: Verdana, Arial, Helvetica, sans-serif

src/sass/_kalender.sass

@@ -32,13 +32,13 @@ $doorWidth: math.div($kalenderWidth - 3.5 * $marginLeftRight - 3 * $marginBetwee
     width: $doorWidth
     height: $doorWidth
     overflow: hidden
-    background: hsla(0, 0%, 100%, 0.3)
+    background: $bgTür
 
   h3
     padding-top: 1.5rem
-    //font-weight: bold
+    font-weight: bold
-    padding: 1rem
+    padding: 1.5rem
-    color: #E8690F
+    color: $siteColor
     
   a
     text-decoration: none

src/sass/_nav2.sass

@@ -4,7 +4,7 @@
 $content-width: 1000px
 $breakpoint: 799px
 $nav-height: 70px
-$nav-background: hsl(0,0%,100%,0.5)
+$nav-background: $backgroundTxt
 $link-hover-color: Lightgrey 
 $nav-background2: url("../inc/bg/christmas-banner-6739203.jpg") 0 86% no-repeat
 
@@ -35,7 +35,7 @@ $nav-background2: url("../inc/bg/christmas-banner-6739203.jpg") 0 86% no-repeat
   padding-left: 20px
   float: left
   /*line-height: $nav-height
-  /*text-transform: uppercase
+  text-transform: uppercase
   font-size: 1.2em
   font-weight: bold
   text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff

src/sass/_tueren.sass

@@ -12,12 +12,12 @@
     display: inline-block
     @include txt-Absatz
     border: 4px ridge $siteColor
-    background: $backgroundTxt
+    background: $backgroundTxt url("../inc/bg/1667917199713.png") -1px -5px no-repeat
     background-size: 100%
     //background: hsla(0, 0%, 100%, 0.5)
     padding: 0 1.5rem 0 1.5rem
     width: clamp(25rem, 40vw, 50rem)
-    font-weight: 500
+    margin-bottom: clamp(0.1rem, 2vh, 3rem) 
     
     u
       @include txt-Absatz
@@ -57,22 +57,25 @@
     
     
   .schneei
+    position: relative 
+    display: flex
+    flex-direction: column
+    align-items: center
     
     #SRechts
-      display: inline-block 
       margin: -5px 8px 0 0
       z-index: 5
       width: 7rem
-      float: right
+      right: -13.5rem
       padding: 0
       //border: 1px solid red
       position: relative
 
       
     #txt
-      clip-path: polygon(381px 0%, 100% 150px, 100% 100%, 0% 100%, 0% 0%)
+      clip-path: polygon(375px 0%, 100% 140px, 100% 100%, 0% 100%, 0% 0%)
-      margin-top: -140px
+      margin-top: -9rem
-      z-index: 0
+      z-index: 3
 
   #schneiiW
     display: inline-block

src/sass/main.sass

@@ -1,5 +1,5 @@
 //cwebp <Datei> -q 80 -o <name>.webp
-//Import 
+//Import teet
 //####################
 @use 'base' as *
 @use 'nav2'
@@ -22,7 +22,7 @@ body
   background-color: #fefefe
   background-image: url("../inc/bg/hufeisen_pattern_1024.webp")
   background-repeat: repeat
-  background-size: 60%
+  background-size: 23rem
   background-attachment: scroll
   background-position: top center
   position: relative
@@ -73,7 +73,6 @@ body::after
     width: 100%
     height: auto
 
-
 // =============================
 // 📄 FOOTER (unter Schneemann)
 // =============================