.Logo {
  text-align: left;
  float: left;
  width: 26%;
}

.logo {
  max-height: 330px;
  max-width: 100%;
  margin-top: 3%;
  margin-left: 3%;
  animation-name: loading-logo;
  animation-duration: 3s;
  animation-iteration-count: 1;

}

.Info {
  margin-top: 1%;
  float: left;
  height: 250px;
  margin-bottom: 5%;
  height:auto;
  bottom:0;
  flex:1;
}

.goditermin {
  font-size: 1.2em;
  text-align: left;
  margin-right: 5%;
  margin-top: 5%;
  padding: 2%;
  margin-bottom: 20px;
  position: relative;
  border-style: solid;
  border-width: 3px;
  min-height: 70px;
  border-color: #CBE1A0;
  animation-name: loading-Termin;
  animation-duration: 5s;
  animation-iteration-count: 1;
}

.termine {
  font-size: 0.8em;
  color: #007A5E;
}

.Kontakt {
  text-align: right;
  font-size: 120%;
  position: absolute;
  right: 4px;
  bottom: 6px;
}

.ueberschrift {
  position: relative;
  text-align: center;
  height: auto;
  margin-bottom: 150px;
  color: #007A5E;
  font-weight: normal;
  font-size: 180%;
  animation-name: loading-ueberschrift;
  animation-duration: 3s;
  animation-iteration-count: 1;
}

.slideshow {
  position: absolute;
  height: 150px;
  margin-left: 1%;
  margin-right: 27%;
  bottom: 1px;
  width: 46%;
  /*border-style: solid;
  border-width: 2px;
  border-color: grey;*/
  /*clear:both;*/
  text-align: center;
  font-size: 16px;
  animation-name: loading-slideshow;
  animation-duration: 2s;
  animation-iteration-count: 1;
}

.box-1 {
  width: 26%;
  float: right;
  height:auto;
}

@keyframes loading-Termin {
    0% {  opacity: 0;  }
    100%  {  opacity: 1;  }
}

@keyframes loading-logo {
    0% {  opacity: 0; transform: translateX(100%)    }
    100%  {  opacity: 1; transform: translateX(0%) }
}

@keyframes loading-ueberschrift {
    0% {  opacity: 0  ; transform: translateY(-200px) }
    100%  {  opacity: 1 ; transform: translateY(0px)}
}

@keyframes loading-slideshow {
    0% {  opacity: 0;  }
    15% {  opacity: 0;  }
    85% {  opacity: 0; }
    100% {  opacity: 1; }
}

@-webkit-keyframes loading-Termin {
    0% {  opacity: 0;  }
    100%  {  opacity: 1;  }
}

@-webkit-keyframes loading-logo {
    0% {  opacity: 0; transform: translateX(100%)    }
    100%  {  opacity: 1; transform: translateX(0%) }
}

@-webkit-keyframes loading-ueberschrift {
    0% {  opacity: 0  ; transform: translateY(-200px) }
    100%  {  opacity: 1 ; transform: translateY(0px)}
}

@-webkit-keyframes loading-slideshow {
    0% {  opacity: 0;  }
    15% {  opacity: 0;  }
    85% {  opacity: 0; }
    100% {  opacity: 1; }
}