@charset "UTF-8";

/* ÜBERSCHRIFTEN */

h1 {
  font-family: "Lato";
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 3rem;
  word-wrap: normal;
}
h2 {
  font-family: "Lato";
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.375rem;
  word-wrap: normal;
}
h3, h4, h5, h6 {
  font-family: "Lato";
  font-weight: 600;
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  word-wrap: normal;
}
p {
  font-family: "Lato";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.titel, .description {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

/* Container-Wrapper gesetzt oder nicht in Element */
.containerRow-false > .container > .row {
  display: block;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/*ANIMATION*/
.wrapper-slide {
    position: relative;
    overflow: hidden;
    height: 16rem;
    width: 2000px;
    margin-left: -5rem;
    margin-bottom: -3rem;
}
.wrapper-slide a{
    display: contents;
}
#slide-doe {
    display: block;
   
	width: 15rem;
	height: 15rem;
	
    -webkit-animation: spin 1000ms linear infinite, moveLeftToRight 5s linear infinite;
    -moz-animation: spin 1000ms linear infinite, moveLeftToRight 5s linear infinite;
    -ms-animation: spin 1000ms linear infinite, moveLeftToRight 5s linear infinite;
    animation: spin 1000ms linear infinite, moveLeftToRight 5s linear infinite;
        
    
    
  
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  
  position: absolute;
  left: 0;
}    
/* Spinning the sphere using key frames */
@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

/* Move sphere from left to right */
@-moz-keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}
@-ms-keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}
@keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}
@-webkit-keyframes moveLeftToRight {
  0%   { left: -100px; }
  100% { left: 100%; }
}


@-webkit-keyframes diagonal {
    0%       { transform: translatex(-250px) translatey(-250px) }
    100%     { transform: translatex(1000px) translatey(250px) }
}

@-moz-keyframes diagonal {
     0%       { transform: translatex(-250px) translatey(-250px) }
    100%     { transform: translatex(1000px) translatey(250px) }
}

@-o-keyframes diagonal {
    0%       { transform: translatex(-250px) translatey(-250px) }
    100%     { transform: translatex(1000px) translatey(250px) }
}
@keyframes diagonal {
    0%       { transform: translatex(-150px) translatey(400px) }
    100%     { transform: translatex(1000px) translatey(-250px) }
}