@keyframes rotate {
  0% {
    transform: rotate(-75deg);
  }
  50% {
    transform: rotate(75deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.pfeil-parent:hover .s-icon {
  animation: rotate 1s ease-in forwards 0.1s;
}

.s-icon.pfeil {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 100%;
  top: 0;
  right: 10px;
}
.s-icon.pfeil.bg-trp {
  width: 10%;
  height: 16%;
  top: 6%;
  right: 3%;
}
.s-icon.pfeil.v03 {
  right: calc(1% + 2px);
  top: 19%;
  height: 20%;
  width: 5%;
}
@media (max-width: 1380px) {
  .s-icon.pfeil.v03 {
    top: 20%;
  }
}
@media (max-width: 1180px) {
  .s-icon.pfeil.v03 {
    top: 22%;
  }
}
@media (max-width: 980px) {
  .s-icon.pfeil.v03 {
    top: 20%;
  }
}
@media (max-width: 760px) {
  .s-icon.pfeil.v03 {
    top: 23%;
  }
}
@media (max-width: 530px) {
  .s-icon.pfeil.v03 {
    top: 24%;
  }
}
@media (max-width: 440px) {
  .s-icon.pfeil.v03 {
    top: 28%;
  }
}
.s-icon.pfeil.v03:after, .s-icon.pfeil.v03:before {
  width: 52%;
}
.s-icon.pfeil:after, .s-icon.pfeil:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 1px;
  background-color: white;
  transform-origin: right;
}
.s-icon.pfeil:after {
  transform: rotate(45deg);
}
.s-icon.pfeil:before {
  transform: rotate(-45deg);
}

/*# sourceMappingURL=icons.css.map */