/* v308: Automatisierungsmerkmale für Excel-VBA-Dokumentationslösung */

.sampro-topic-v308__automation-highlights{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:20px !important;
}

.sampro-topic-v308__automation-highlights article{
  position:relative !important;
  padding:20px 20px 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(216,162,49,.36) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,162,49,.12) 0%, rgba(216,162,49,0) 32%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 14px 28px rgba(12,40,82,.055) !important;
}

.sampro-topic-v308__automation-highlights article::before{
  content:"" !important;
  position:absolute !important;
  left:20px !important;
  top:0 !important;
  width:96px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#d9a62d 0%,rgba(217,166,45,0) 100%) !important;
}

.sampro-topic-v308__automation-highlights span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  color:#062653 !important;
  background:rgba(216,162,49,.14) !important;
  border:1px solid rgba(216,162,49,.38) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.sampro-topic-v308__automation-highlights h3{
  margin:14px 0 8px !important;
  color:#062653 !important;
  font-size:clamp(18px,1.15vw,22px) !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
}

.sampro-topic-v308__automation-highlights p{
  margin:0 !important;
  color:#435b77 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.sampro-topic-v308__doc-automation-badges{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin:16px 0 0 !important;
}

.sampro-topic-v308__doc-automation-badges strong{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:42px !important;
  padding:10px 14px !important;
  border-radius:16px !important;
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
  font-size:14px !important;
  line-height:1.25 !important;
}

.sampro-topic-v308__doc-automation-badges strong::before{
  content:"✓" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  border-radius:50% !important;
  color:#062653 !important;
  background:#f0c55e !important;
  font-weight:900 !important;
}

.sampro-topic-v306__doc-feature-groups article:nth-child(2){
  border-color:rgba(216,162,49,.34) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,162,49,.10) 0%, rgba(216,162,49,0) 30%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}

@media (max-width:980px){
  .sampro-topic-v308__automation-highlights{
    grid-template-columns:1fr !important;
  }
}

/* v308-final: Drei zentrale Automatisierungsmerkmale ohne doppelte Badges */
.sampro-topic-v308__automation-highlights{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.sampro-topic-v308__automation-highlights article{
  min-height:188px !important;
}
@media (max-width:1180px){
  .sampro-topic-v308__automation-highlights{
    grid-template-columns:1fr !important;
  }
  .sampro-topic-v308__automation-highlights article{
    min-height:0 !important;
  }
}