/* ARAG Generalagentur block hover polish */

.arag-hover-card {
  position: relative;
  overflow: hidden;
  transition:
    transform 750ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 750ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 750ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 750ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.arag-hover-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at 24% 12%, rgba(255, 255, 255, 0.20), transparent 34%);
  transition: opacity 750ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .arag-hover-card:hover {
    transform: translateY(-6px) scale(1.012);
  }

  .arag-hover-card:hover::after {
    opacity: 1;
  }

  .arag-hover-card--dark:hover {
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
  }

  .arag-hover-card--blue:hover {
    box-shadow: 0 28px 80px rgba(0, 113, 227, 0.34);
    background: #0077ed;
  }
}

@media (hover: none), (prefers-reduced-motion: reduce) {
  .arag-hover-card {
    transition: none !important;
  }

  .arag-hover-card:hover {
    transform: none !important;
  }
}