<style>
.Weihnachtsgruss {
  --Hintergrund_Berge: #fff url(https://files.homepagemodules.de/b104774/a_783_bb801bab.png) top center repeat-x;
  --Hintergrund_Wald: url(https://files.homepagemodules.de/b104774/a_785_392bd893.png) bottom center;
  /* --Hintergrund_Wald: url(//files.homepagemodules.de/b104774/a_786_29cb4f2b.png) bottom center repeat-x; */
  --Grafik_Santa: url(//files.homepagemodules.de/b104774/a_787_f7946ff0.gif) bottom center no-repeat;
  --Grafik_Verlinkung:url(//files.homepagemodules.de/b104774/a_755_8d87e469.png) center center no-repeat;
  --GrussText: "Ich wünsche allen Usern ein frohes, ruhiges und besinnliches Weihnachtsfest";
  
  background: var(--Hintergrund_Berge);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.4),0 0 5px rgba(0, 0, 0, 0.5);
  padding-top:50px;
  width: 100%; 
  margin: 10px auto;
  border: 1px solid #aaaaaa;
  animation: BackgroundScroll 750s infinite linear;
}
.WeihnachtsgrussTree {
  background: var(--Hintergrund_Wald);
  animation: BackgroundScroll 370s infinite linear;
height:auto;
}
.WeihnachtsgrussTitel:before {
  content: var(--GrussText); 
}
.WeihnachtsgrussTitel {
  /* Hintergrundfarbe */
  background: #a93f24;
  /* Schriftfarbe */
  color: #F66558;
  /* Schrift */
  font: bold 18px arial, sans-serif;
      
  text-shadow:1px 1px 1px #343434;
  text-align:center;
  padding: 8px;
}
.WeihnachtsgrussSanta {
  /* Größe Santa */
  background-size: 225px !important;
      
  background: var(--Grafik_Santa);
  height: 145px;
}
.WeihnachtsgrussRotate{
  /* Größe Grafik */
  background-size: 100px !important;
  width: 100px;
 
  /* Abstand linker Rand */
  margin-left:30px ;
 
  background: var(--Grafik_Verlinkung);
 height: 145px;
  overflow: hidden;
  float:left;
  transition-duration:.8s;
  transition-property: transform;
}
.mobileview .WeihnachtsgrussRotate{
  /* Abstand linker Rand - Mobil */
  margin-left:0 ;
}
.WeihnachtsgrussRotate:hover{
  transform: rotate(360deg)
}
@keyframes BackgroundScroll {
  from {background-position: 0 0;}
  to {background-position: -9999px 0;}
}
</style>
 
 
<div class="Weihnachtsgruss">
  <div class="WeihnachtsgrussTree">
    <a title="Zum Adventskalender" href="/xobor_adventskalender.html"><div class="WeihnachtsgrussRotate"></div></a>
    <div class="WeihnachtsgrussSanta"></div>
  </div>
  <div class="WeihnachtsgrussTitel"></div>
</div><div style="clear:both;"></div>
 

<style>
.GruenderfestGruss {
  --Hintergrund_Gruenderfest: url(//files.homepagemodules.de/b855479/a_473_0d4e9fba.png) bottom center;
  --Grafik_Gruenderfest: url(//files.homepagemodules.de/b855479/a_472_c2200801.png) bottom center no-repeat;
  --GrussText: "Das Große Gründerfest-Play – ab September, nur bei uns!";
 
  height: 550px;
}
 
.GruenderfestGrussTree {
  background: var(--Hintergrund_Gruenderfest);
  animation: BackgroundScroll 370s infinite linear;
  background-size: contain;
  height: 500px;
}
 
.GruenderfestGrussTitel:before {
  content: var(--GrussText); 
}
 
.GruenderfestGrussTitel {
  background: #4a3a2e;
  color: #e7d2b9;
  font: 22px 'Playbill', serif;
  text-shadow: 1px 1px 1px #2e1e10;
  text-align: center;
  padding: 10px;
  letter-spacing: 2px;
  border-top: 2px solid #bfa77e;
  border-bottom: 2px solid #bfa77e;
}
 
.GruenderfestGrussRotate {
  background-size: 100px !important;
  width: 100px;
  height: 100px;
  margin-left: 30px; margin-top: 30px;
  background: var(--Grafik_Gruenderfest);
  overflow: hidden;
  float: left;
  transition-duration: .8s;
  transition-property: transform;
  cursor: pointer;
}
 
.GruenderfestGrussRotate:hover {
  transform: rotate(360deg);
}
 
@keyframes BackgroundScroll {
  from { background-position: 0 0; }
  to { background-position: -9999px 0; }
}
 
/* Mobil */
@media screen and (max-width: 768px) {
  .GruenderfestGrussTitel {
    font-size: 16px;
    padding: 6px;
  }
  .GruenderfestGrussTree {
    background-size: contain;
  }
}
</style>
 
<div class="GruenderfestGruss">
  <div class="GruenderfestGrussTree">
    <a href="/gruenderfest_play.html"><div class="GruenderfestGrussRotate"></div></a>
  </div>
  <div class="GruenderfestGrussTitel"></div>
</div>
<div style="clear:both;"></div>