Zahlreiche Animationen geadded, Punkte geadded, mehr Tiere, neue Sounds

www/css/style.css

@@ -9,7 +9,7 @@
 */
 
 .scroll-content {
-    background: url("../img/background.svg");
+    background: url("../img/Background/background.svg");
     background-size: cover;
     color: #333;
     font: 100% Arial, Sans Serif;
@@ -35,16 +35,81 @@ to {background-position: -2000px 0;}
 }
   */   
 .baumhaus {
-  background: url("../img/treehouse.svg");
+  background: url("../img/Background/treehouse.svg");
   background-size: cover;
   position:fixed;
   bottom:0;
-  left:0;  
+  left:-25px;  
   width: 256px;
   height: 256px;
   overflow: hidden;
 }
 
+.farmhaus {
+  background: url("../img/Background/Farmhaus.svg");
+  background-size: cover;
+  position:fixed;
+  bottom:60px;
+  Right:10px;  
+  width: 30px;
+  height: 40px;
+  overflow: hidden;
+}
+
+.windrad {
+  background: url("../img/Background/Windrad.svg");
+  background-size: cover;
+  position:fixed;
+  bottom:65px;
+  Right:60px;  
+  width: 60px;
+  height: 80px;
+  overflow: hidden;
+}
+
+.kornspeicher {
+  background: url("../img/Background/Kornspeicher.svg");
+  background-size: cover;
+  position:fixed;
+  bottom:40px;
+  Left:275px;  
+  width: 60px;
+  height: 80px;
+  overflow: hidden;
+}
+
+.suchspielbutton {
+  position: absolute;  
+  bottom:15px;
+  left:370px;  
+  width: 128px;
+  height: 128px;
+  overflow: hidden;
+}
+
+/* Tierbilder groessen */
+.imagesizebig{
+  width:128px;
+  height:128px;
+}
+
+.imagesizemedium{
+  width:96px;
+  height:96px;
+}
+
+
+
+.gras {
+  background: url("../img/Background/Grasbuechel.svg");
+  background-size: cover;
+  position:absolute;
+  width: 16;
+  height: 16px;
+  overflow: hidden;
+}
+
+
 .statusbar{
   position: absolute;
   bottom: 0px;
@@ -82,6 +147,53 @@ to {background-position: -2000px 0;}
                  0 0 160px yellow;
 }
 
+
+.spieltimer {
+    font-family: sans-serif;
+    text-transform: uppercase;
+    font-size: 40px;
+    font-weight: bold;
+    font-style: italic;
+    letter-spacing: .1em;
+    color: white;
+    text-shadow: 0 0 5px white,
+                 0 0 10px white,
+                 0 0 20px yellow,
+                 0 0 40px yellow,
+                 0 0 60px yellow,
+                 0 0 90px yellow,
+                 0 0 120px yellow,
+                 0 0 160px yellow;
+}
+
+
+.spieltimerdiv {
+  position: absolute;  
+  bottom:0px;
+  left:0px;  
+  width: 100%;
+  height: 50px;
+  overflow: hidden;
+}
+
+.punktestand {
+  position: absolute;  
+  bottom:-15px;
+  right:0px;  
+  width: 100%;
+  height: 50px;
+  font-family: sans-serif;
+  text-transform: uppercase;
+  font-size: 30px;
+  font-weight: bold;
+  font-style: italic;
+  letter-spacing: .1em;
+  color:white;
+  text-align: right;
+  overflow: hidden;
+}
+
+
  .redborder{
     display: inline-block;
     border-radius: 6px;
@@ -99,7 +211,7 @@ to {background-position: -2000px 0;}
   width: 64px;
   height: 64px;
   overflow: hidden;
-  background:  url('../img/mentorhelp_64px.png');
+  background:  url('../img/Mentor/mentorhelp_64px.png');
 }
 
 .mentorborder {
@@ -109,13 +221,13 @@ to {background-position: -2000px 0;}
   width: 64px;
   height: 64px;
   overflow: hidden;
-  background:  url('../img/mentorhelp_64px.png');
+  background:  url('../img/Mentor/mentorhelp_64px.png');
 }
 
 .mentor {
   width: 64px;
   height: 640px;
-  background:  url('../img/mentor_64px.png') left center;
+  background:  url('../img/Mentor/mentor_64px.png') left center;
   -webkit-animation: mentorsprite 4s steps(10) infinite;
 }
 
@@ -123,6 +235,16 @@ to {background-position: -2000px 0;}
     100% { background-position: 0 -640px; }
 }
 
+
+.baumhausaction {
+  position: absolute;
+  top: 100px;
+  left: 110px;
+  width: 60px;
+  height: 60px;
+  overflow: hidden;
+}
+
 .mentorborderbaumhaus {
   position: absolute;
   top: 122px;
@@ -135,7 +257,7 @@ to {background-position: -2000px 0;}
 .mentorbaumhaus {
   width: 32px;
   height: 320px;
-  background:  url('../img/mentor_32px.png') left center;
+  background:  url('../img/Mentor/mentor_32px.png') left center;
   -webkit-animation: mentorspritebaumhaus 3.8s steps(10) infinite;
 }
 
@@ -145,18 +267,20 @@ to {background-position: -2000px 0;}
 
 
 .mentorborderbravo {
-  position:fixed;
-  bottom:0;
-  right:0;  
+  position: fixed;
+  top: 50%;
+  left: 50%;
   width: 256px;
   height: 256px;
+  margin-left: -128px;
+  margin-top: -128px;
   overflow: hidden;
 }
 
 .mentorbravo {
   width: 256px;
   height: 1024px;
-  background:  url('../img/mentor_bravo.png') left center;
+  background:  url('../img/Mentor/mentor_bravo.png') left center;
   -webkit-animation: mentorspritebravo 2.8s steps(4) infinite;
 }