.why-items {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.why-item h3 {
  font-size: 1.4rem;
  color: var(--accent-color);
  margin-bottom: 10px;
}


.why-item:hover{
  background-color: var(--accent-color);
  color: var(--text-color); /* Hover-Effekt #182853 */
  cursor: pointer;
  transition: background-color 0.3s;
}
.why-item:hover p {
  color: var(--text-color); /* Hover-Effekt #182853 */
  transition: background-color 0.3s;
}

.why-item:hover h2, .why-item:hover h3, .why-item:hover a {
  color: var(--primary-color); /* Hover-Effekt #182853 */
  transition: background-color 0.3s;
}
.why-item:hover .inline-link {
  color: var(--primary-color); /* Hover-Effekt #182853 */
  transition: background-color 0.3s;
}
.inline-link {
  color: var(--accent-color);
  text-decoration: none;
}