.link-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #2f7668;
  color: #fff;
  margin-top:30px;
  text-decoration: none;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  transition: background 0.3s ease;
}


.link-box__content {
  flex: 1;
}

.link-box__title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom:25px;
  line-height:1.2em;
}

.link-box__text {
  margin: 0.2rem 0 0;
  font-size: 0.95rem;
  opacity: 0.9;
}

.link-box__arrow {
  display: flex;
  align-items: center; /* → vertikal mittig im Container */
  justify-content: center;
}



.link-box__arrow img {
  width: 50px;
  height: 50px;
  filter: brightness(0) invert(1);
}

/* Wenn Hover startet → zuerst sanft nach rechts gleiten */
.link-box:hover .link-box__arrow img {
  animation: arrow-tap 1s ease-in-out 0.0s infinite;
}


/* Keyframe 2: Tipp-Bewegung zwischen 10 und 20px */
@keyframes arrow-tap {
   0%   { transform: translateX(0); }
  50%  { transform: translateX(10px); }
  100% { transform: translateX(0); }
}