/* Logo an den linken Rand des Header-Containers verschieben */
.container-header .grid-child {
  margin-left: 5%; 
}

/* Bild in TOP-A einpassen (full size) */
.site-grid .container-top-a {
  margin-left: -509px; 
  margin-right: -509px;
  height: 552px;
  width: 2321px;
}
.camel-header {
  background-image: url("/images/Desert-03-1.png");
  background-size: cover;
  margin-top: 0px;
  height: 100%;
}
#camelRunRight {
  position: absolute;
  width: 200px;           /* Größe des Kamels */
  height: 200px;
  left: 0px;           /* Start außerhalb links */
  top: 280px;
  animation: camel-run-right 8s linear forwards;
  z-index: 1;
}
@keyframes camel-run-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(100vw + 300px));
  }
}
#camelRunLeft {
  position: absolute;
  width: 200px;           /* Größe des Kamels */
  height: 200px;
  left: -300px;           /* Start außerhalb links */
  top: 280px;
  animation: camel-run-left 8s linear forwards;
  z-index: 1;  
}
@keyframes camel-run-left {
  from {
    transform: translateX(0px));
  }
  to {
    transform: translateX(calc(100vw + 600px));
  }
}
.camel-wrapper {
  margin-left: -300px;
}
.mirror {
  transform: scaleX(-1);
}
.top-a {
  margin-top: 0px;
  margin-bottom: 0px;
}
.camel-berg {
  margin-left: 0px;
  height: 100%;
  z-index: 2;
  position: absolute;
}
.camel-stall-back {
  z-index: 0;
  position: absolute;
  height: 78%;
  margin-left: 1707px;
  margin-top: 42px;
}
.camel-stall-front {
  z-index: 2;
  position: absolute;
  height: 78%;
  margin-left: 2218px;
  margin-top: 42px;
}