@media (max-width: 740px) {
  .referenzen-weg {
    visibility: hidden;
  }

  .referenzen-mobile {
    visibility: visible!important;
  }

  .referenzen {
    padding-bottom:158%!important;
  }
}

@media (max-width: 1199px){
.referenzen {
    background-image: none!important;
}

  .item-1,
  .item-2,
  .item-3,
  .item-4,
  .item-5,
  .item-6,
  .item-7,
  .item-8,
  .item-9,
  .item-10,
  .item-11,
  .item-12,
  .item-13,
  .item-14 {
    display: block;
    position: absolute;
    z-index:8;
    font-size: 1.1em!important;

  	animation-duration: 210s;
  	animation-timing-function: ease-in-out;
  	animation-iteration-count: infinite;
  }
}

@media (max-width: 768px){
  .item-1,
  .item-2,
  .item-3,
  .item-4,
  .item-5,
  .item-6,
  .item-7,
  .item-8,
  .item-9,
  .item-10,
  .item-11,
  .item-12,
  .item-13,
  .item-14 {
    display: block;
    position: absolute;
    z-index:8;
    font-size: 0.9em!important;

    animation-duration: 210s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }
}

  .referenzen-mobile {
    visibility: hidden;
  }

  .referenzen {
  background-color: #F5F5F5;
  padding-top: 5%;
  padding-bottom: 44%;
  color: #6E6E6E;
  line-height: 1.5;
  margin-left: 3%;
  margin-right: 3%;
  overflow: hidden;
  white-space: nowrap;
  border: solid #0F5026 3px;
  background-image: url('../images/keywords/settings/arrows.png');
  background-position: bottom right;
  background-repeat: no-repeat;
}

.referenzen-headline {
  color:#0F5026;
  font-size: 1.3em;
}

.item-1,
.item-2,
.item-3,
.item-4,
.item-5,
.item-6,
.item-7,
.item-8,
.item-9,
.item-10,
.item-11,
.item-12,
.item-13,
.item-14 {
  display: block;
  position: absolute;
  z-index:8;
  font-size: 1.2em;

	animation-duration: 210s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

.item-4{
	animation-name: anim-4;
}

.item-5{
	animation-name: anim-5;
}

.item-6{
	animation-name: anim-6;
}

.item-7{
	animation-name: anim-7;
}

.item-8{
	animation-name: anim-8;
}

.item-9{
	animation-name: anim-9;
}

.item-10{
	animation-name: anim-10;
}

.item-11{
	animation-name: anim-11;
}

.item-12{
	animation-name: anim-12;
}

.item-13{
	animation-name: anim-13;
}

.item-14{
	animation-name: anim-14;
}

 @keyframes anim-1 {
	0%,0%{ left: -100%; opacity: 0; }
  1.14%,5.6% { left: 0%; opacity: 1; }
  7.14%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 6% { left: -100%; opacity: 0; }
  7.14%, 12.78% { left: 0%; opacity: 1; }
  14.28%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
  0%, 13.14% { left: -100%; opacity: 0; }
  14.28%, 19.97% { left: 0%; opacity: 1; }
  21.42%,100%{ left: 110%; opacity: 0; }
}

@keyframes anim-4 {
	0%, 20.28% { left: -100%; opacity: 0; }
  21.42%, 27.06% { left: 0%; opacity: 1; }
  28.56%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-5 {
	0%, 27.42% { left: -100%; opacity: 0; }
  28.56%, 34.2% { left: 0%; opacity: 1; }
  35.7%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-6 {
	0%, 34.56% { left: -100%; opacity: 0; }
  35.7%, 41.34% { left: 0%; opacity: 1; }
  42.84%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-7 {
	0%, 41.7% { left: -100%; opacity: 0; }
  42.84%, 48.5% { left: 0%; opacity: 1; }
  50%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-8 {
	0%, 49% { left: -100%; opacity: 0; }
  50%, 55.74% { left: 0%; opacity: 1; }
  57.14%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-9 {
	0%, 56.14% { left: -100%; opacity: 0; }
  57.14%, 62.8% { left: 0%; opacity: 1; }
  64.28%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-10 {
	0%, 63.28% { left: -100%; opacity: 0; }
  64.28%, 70% { left: 0%; opacity: 1; }
  71.42%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-11 {
	0%, 70.42% { left: -100%; opacity: 0; }
  71.42%, 77.1% { left: 0%; opacity: 1; }
  78.56%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-12 {
	0%, 77.56% { left: -100%; opacity: 0; }
  78.56%, 84.2% { left: 0%; opacity: 1; }
  85.7%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-13 {
	0%, 84.7% { left: -100%; opacity: 0; }
  85.7%, 91.3% { left: 0%; opacity: 1; }
  92.84%,100% { left: 110%; opacity: 0; }
}

@keyframes anim-14 {
	0%, 91.84% { left: -100%; opacity: 0; }
  92.84%, 98.84% { left: 0%; opacity: 1; }
  100%,100% { left: 110%; opacity: 0; }
}