/*
 * Farben
 */
.moduleTopThemenTeaser .item {
  text-decoration: none;
  margin-top: 40px;
  display: block;
}
@media (max-width: 991.98px) {
  .moduleTopThemenTeaser .item {
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .moduleTopThemenTeaser .item {
    margin-top: 20px;
  }
}
.moduleTopThemenTeaser .item span {
  font-weight: bold;
  font-size: 20px;
  color: #000000;
  line-height: 32px;
  display: inline-block;
  margin-top: 10px;
  position: relative;
  padding-right: 23px;
}
.moduleTopThemenTeaser .item span:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 17'%3E%3Cg stroke='%23B81738' stroke-width='2.8' fill='none' fill-rule='evenodd'%3E%3Cpath d='m9.365 15.2 6.95-6.95L9.363 1.3M16.313 8.25H.858'/%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  top: 9px;
  right: 0px;
}
@media (max-width: 991.98px) {
  .moduleTopThemenTeaser .item span {
    font-size: 18px;
    margin-top: 5px;
  }
}
.moduleTopThemenTeaser.bg-black .item span {
  color: #fff;
}

@-webkit-keyframes moveArrowRight {
  0% {
    right: 0px;
  }
  50% {
    right: -3px;
  }
  100% {
    right: 0px;
  }
}

@keyframes moveArrowRight {
  0% {
    right: 0px;
  }
  50% {
    right: -3px;
  }
  100% {
    right: 0px;
  }
}
html.no-touchevents .contentBlock.moduleTopThemenTeaser .item {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.3s;
}
html.no-touchevents .contentBlock.moduleTopThemenTeaser .item span {
  transition-property: color;
  transition-duration: 0.3s;
}
html.no-touchevents .contentBlock.moduleTopThemenTeaser .item:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
html.no-touchevents .contentBlock.moduleTopThemenTeaser .item:hover span {
  color: #B71738;
}
html.no-touchevents .contentBlock.moduleTopThemenTeaser .item:hover span:after {
  -webkit-animation-name: moveArrowRight;
          animation-name: moveArrowRight;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}