/* Erweiterungen Startseite */
.vibration-note{
  margin:18px 0 22px;
  padding:18px 20px;
  border:1px solid #cae8f3;
  border-radius:20px;
  background:linear-gradient(160deg,#0c6aa0,#0a3f63);
  box-shadow:0 16px 40px rgba(13,56,79,.18);
}
.vibration-note h3{
  margin:6px 0 10px;
  font-size:24px;
  line-height:1.2;
}
.vibration-note p{
  margin:0;
  color:#4d5e68;
}
.hero-panel .hero-products.hero-products--expanded{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.hero-panel .hero-product{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  min-height:230px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(13,56,79,.08);
}
.hero-panel .hero-product img{
  width:100%;
  height:135px;
  object-fit:contain;
}
.hero-panel .hero-product span{
  display:block;
  font-size:13px;
  font-weight:700;
  text-align:center;
  color:var(--text);
  line-height:1.3;
}
@media (max-width:980px){
  .hero-panel .hero-products.hero-products--expanded{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  .hero-panel .hero-products.hero-products--expanded{
    grid-template-columns:1fr;
  }
  .hero-panel .hero-product{
    min-height:unset;
  }
}

.vibration-note .eyebrow{
  color:#ffffff;
}
.vibration-note h3{
  color:#ffffff;
}
.vibration-note p{
  color:rgba(255,255,255,.92);
}