/* v307: Optimierung Text und Visual der Excel-VBA-Dokumentationslösung */

.sampro-topic-v305__doc-copy h2{
  max-width:900px !important;
  font-size:clamp(28px,2.45vw,40px) !important;
  line-height:1.12 !important;
}

.sampro-topic-v305__doc-lead{
  font-size:clamp(18px,1.2vw,21px) !important;
  line-height:1.56 !important;
  color:#263f5e !important;
}

.sampro-topic-v305__doc-copy > p:not(.sampro-topic-v271__eyebrow):not(.sampro-topic-v305__doc-lead){
  max-width:940px !important;
  color:#405874 !important;
}

.sampro-topic-v305__doc-points{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

.sampro-topic-v305__doc-points div{
  min-height:78px !important;
  align-items:flex-start !important;
}

.sampro-topic-v305__doc-visual{
  justify-content:flex-start !important;
  gap:20px !important;
  min-height:680px !important;
  padding:28px !important;
}

.sampro-topic-v305__doc-visual::before{
  content:"" !important;
  position:absolute !important;
  left:-70px !important;
  bottom:-90px !important;
  width:320px !important;
  height:320px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(240,197,94,.18) 0%,rgba(240,197,94,0) 66%) !important;
  pointer-events:none !important;
}

.sampro-topic-v305__doc-sheet{
  margin-top:70px !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:8px !important;
}

.sampro-topic-v305__doc-sheet::before{
  top:-42px !important;
  font-size:22px !important;
}

.sampro-topic-v305__doc-sheet span{
  min-height:30px !important;
}

.sampro-topic-v307__doc-flow{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  gap:12px !important;
  margin-top:4px !important;
}

.sampro-topic-v307__doc-flow article{
  position:relative !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  grid-template-areas:"nr title" "nr text" !important;
  column-gap:14px !important;
  padding:15px 16px !important;
  border-radius:18px !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,.10) !important;
}

.sampro-topic-v307__doc-flow article:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  left:34px !important;
  bottom:-13px !important;
  width:1px !important;
  height:13px !important;
  background:rgba(240,197,94,.55) !important;
}

.sampro-topic-v307__doc-flow small{
  grid-area:nr !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(240,197,94,.18) !important;
  border:1px solid rgba(240,197,94,.56) !important;
  color:#f2d37d !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
}

.sampro-topic-v307__doc-flow strong{
  grid-area:title !important;
  color:#ffffff !important;
  font-size:16px !important;
  line-height:1.18 !important;
}

.sampro-topic-v307__doc-flow span{
  grid-area:text !important;
  color:rgba(255,255,255,.80) !important;
  font-size:13px !important;
  line-height:1.38 !important;
  margin-top:4px !important;
}

.sampro-topic-v307__doc-bars{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:9px !important;
  min-height:92px !important;
  padding:18px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.sampro-topic-v307__doc-bars::before{
  content:"Automatisierung & Auswertung" !important;
  position:absolute !important;
  left:18px !important;
  top:14px !important;
  color:rgba(255,255,255,.86) !important;
  font-size:12px !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-weight:900 !important;
}

.sampro-topic-v307__doc-bars span{
  flex:1 1 0 !important;
  border-radius:999px 999px 6px 6px !important;
  background:linear-gradient(180deg,#f2d37d 0%,rgba(240,197,94,.34) 100%) !important;
  border:1px solid rgba(240,197,94,.35) !important;
}

.sampro-topic-v307__doc-bars span:nth-child(1){height:34px !important; margin-top:34px !important;}
.sampro-topic-v307__doc-bars span:nth-child(2){height:48px !important; margin-top:20px !important;}
.sampro-topic-v307__doc-bars span:nth-child(3){height:68px !important;}
.sampro-topic-v307__doc-bars span:nth-child(4){height:56px !important; margin-top:12px !important;}
.sampro-topic-v307__doc-bars span:nth-child(5){height:76px !important;}

.sampro-topic-v305__doc-stats{
  position:relative !important;
  z-index:2 !important;
  margin-top:0 !important;
}

.sampro-topic-v305__doc-stats article{
  min-height:104px !important;
}

@media (max-width:1180px){
  .sampro-topic-v305__doc-visual{
    min-height:0 !important;
  }
  .sampro-topic-v305__doc-points{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:720px){
  .sampro-topic-v305__doc-visual{
    padding:22px !important;
    gap:16px !important;
  }
  .sampro-topic-v305__doc-sheet{
    margin-top:60px !important;
  }
  .sampro-topic-v307__doc-flow article{
    grid-template-columns:36px minmax(0,1fr) !important;
    padding:14px !important;
  }
  .sampro-topic-v307__doc-flow small{
    width:34px !important;
    height:34px !important;
  }
}