/* Animation für Header */
@keyframes move {
   0%   {margin-left: 0vw;}
   25% {margin-left: -30vw;}
}
@keyframes fade {
   0%   {opacity:0;}
   5%   {opacity:1;}
   20%   {opacity:1;}
   25% {opacity:0;}
   100% {opacity:0;}
}
@keyframes stack {
   0%   {z-index:0;}
   10%   {z-index:1;}
   20%   {z-Index:99;}
}
#hdivimg {
   overflow: hidden;
   height: 30vh;						/* für Samsung Handybrowser.... dort geht nächste Zeile nicht..... */
   height: min(63.5vw, 30vh);
   width: 130vw;
   transform: scaleY(-1);
}
.headerimage {
   animation-name: move,fade,stack;
   animation-duration: 60s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   height: auto;
   width: 130%;
   transform: scaleY(-1);
   position: absolute;top: 0;left: 0;
   opacity:0;
   z-Index:99;
}
#hdrimg1 {animation-delay: 0s;}
#hdrimg2 {animation-delay: 10s;}
#hdrimg3 {animation-delay: 20s;}
#hdrimg4 {animation-delay: 30s;}
#hdrimg5 {animation-delay: 40s;}
#hdrimg6 {animation-delay: 50s;}

/* Anpassung Schriftgrösse für Menu-Icon oben rechts (Mobile) */
.fa{
    font-size: 36px;
}

/* Anpassung Abstand Header / Main Body */
#sp-main-body {
  padding: 50px 0;
}