/* Extracted from call-center.html */
.lt-steps__step:hover { transform:translateY(-4px); border-color:#66ff7e !important; box-shadow:0 8px 24px rgba(102,255,126,0.15) !important; }
.lt-steps__step::before { content:''; position:absolute; top:50%; left:50%; width:80px; height:80px; background:rgba(102,255,126,0.08); border-radius:50%; transform:translate(-50%,-50%) scale(0); transition:transform 0.4s ease; z-index:0; }
.lt-steps__step:hover::before { transform:translate(-50%,-50%) scale(3); }
@media(max-width:1024px){ .lt-steps__flow{ grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:640px){ .lt-steps__flow{ grid-template-columns:1fr !important; } }

#kundendatenbank div[style*="grid-template-columns: 1fr 1fr"] > div:hover,
#kundendatenbank div[style*="grid-template-columns:1fr 1fr"] > div:hover {
  border-color: #66ff7e !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102,255,126,0.1);
}
@media(max-width:1024px) {
  #kundendatenbank > div { grid-template-columns: 1fr !important; }
}

#wiederbuchung div[style*="grid-template-columns:1fr 1fr"] > div:hover {
  border-color: #66ff7e !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102,255,126,0.1);
}
@media(max-width:1024px) {
  #wiederbuchung > div { grid-template-columns: 1fr !important; }
}

#kundeneinsicht .ke-tile:hover {
  border-color: #66ff7e !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102,255,126,0.1);
}
@media(max-width:1024px) {
  #kundeneinsicht > div:nth-child(2) { grid-template-columns: 1fr !important; }
}

#integration .int-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
#integration .int-card {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.06);
  overflow: hidden;

}
#integration .int-card__blob {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: #66ff7e;
  border-radius: 50%;
  opacity: 0.13;
  transform: scale(1);
  pointer-events: none;
  z-index: 0;
}
#integration .int-card__content {
  position: relative;
  z-index: 1;
}
#integration .int-card__title {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a2332;
  margin-bottom: 0.5rem;
}
#integration .int-card__desc {
  font-size: 0.9rem;
  color: #5a6a7a;
  line-height: 1.6;
}
@media(max-width:1024px) {
  #integration .int-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:640px) {
  #integration .int-grid { grid-template-columns: 1fr; }
}