bibi update

src/sass/_kalender.sass

@@ -5,7 +5,7 @@ $marginLeftRight: 5px  // abstand linker und rechter rand
 $marginTop: 5px      
 $marginBetween: 5px     // abstand zwischen den Tueren
 $doorBorderSize: 1px    
-//$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
+$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
 
 /* ********************************
 
@@ -14,9 +14,10 @@ $doorBorderSize: 1px
   position: relative
   text-align: center
   width: $kalenderWidth
-  //height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}
+  height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}
   border: 1px solid black 
-  background: #fff url("../inc/bg/baum2.jpg") no-repeat
+  //background: #fff url("../inc/bg/baum2.jpg") no-repeat
+  background: #90C145
   /*background-size: $backgroundWidth
   background-size: $backgroundSize
   background-position: $bgPosition 
@@ -24,8 +25,8 @@ $doorBorderSize: 1px
   div
     position: absolute
     border: $doorBorderSize solid darkred
-    //width: $doorWidth
-    //height: $doorWidth
+    width: $doorWidth
+    height: $doorWidth
     overflow: hidden
     background: #fff
 
@@ -33,33 +34,49 @@ $doorBorderSize: 1px
     padding-top: 1.5rem
     font-weight: bold
     padding: 1rem
+    color: #E8690F
+    
+  a
+    text-decoration: none
+    
+  #hiddenTuer
+    margin: 1rem
+    max-height: auto
+    text-decoration: none
 
   span
     position: absolute
     display: inline-block
-    top: 1rem
-    left: 1rem
+    top: 0.5rem
+    left: 1.1rem
     font-size: 1rem
-    width: 1.2rem
-    height: 1.2rem
-    color: #FFF
-    background: #CD0000
+    width: 6rem
+    height: 6rem
+    color: darkred 
+    background-size: cover
+    text-align: left
+    text-shadow: 1px  1px 1px #fff, 1px -1px 1px #fff, -1px  1px 1px #fff, -1px -1px 1px #fff
+    //text-shadow: 0px 0px 2px darkred
+    //background-position: 2.4rem
+    //padding-right: 3rem 
+    //background-origin: padding-box
+    //background: no-repeat
 
   .left
     position: absolute
     left: 0
     top: 0
-    //width: #{$doorWidth+50}
-    //height: $doorWidth
+    width: #{$doorWidth+50}
+    height: $doorWidth
     display: block 
     border: none
-    background: #fff url("../inc/bg/baum2.jpg") no-repeat
+    //background: #fff url("../inc/bg/baum2.jpg") no-repeat
     /*background-size: $backgroundWidth
     background-size: $backgroundSize
     margin-left: $bgPosition
   a
     &:hover .left, &:focus .left
-      //left: #{-($doorWidth+60)}
+      left: #{-($doorWidth+60)}
 
     .left
       display: block
@@ -72,14 +89,11 @@ $doorBorderSize: 1px
 
   @for $row from 0 through 5
     @for $col from 0 through 3
-      //$leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col
-      //s$topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row
+      $leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col
+      $topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row
       #ak#{$row*4+$col+1}
-        //left: #{$leftCalc}
-        //top: #{$topCalc}
+        left: #{$leftCalc}
+        top: #{$topCalc}
         .left
-          //background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}
+          background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}
   
-#hiddenTuer
-  margin: 1rem
-  max-height: auto