/* v305: Premium-Block zur kostenfreien Dokumentationslösung auf Excel-VBA-Basis */

.sampro-topic-v305__doc-section{
  padding-top:38px !important;
  padding-bottom:72px !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(216,162,49,.10) 0%, rgba(216,162,49,0) 30%),
    linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%) !important;
  border-top:1px solid rgba(220,230,241,.9) !important;
  border-bottom:1px solid rgba(220,230,241,.9) !important;
}

.sampro-topic-v305__doc-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
  gap:34px !important;
  align-items:stretch !important;
  padding:34px !important;
  border-radius:32px !important;
  border:1px solid rgba(210,224,238,.98) !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  box-shadow:0 22px 48px rgba(6,38,83,.085), inset 0 1px 0 rgba(255,255,255,.98) !important;
  overflow:hidden !important;
}

.sampro-topic-v305__doc-card::before{
  content:"" !important;
  position:absolute !important;
  right:-92px !important;
  top:-120px !important;
  width:320px !important;
  height:320px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(216,162,49,.16) 0%, rgba(216,162,49,0) 68%) !important;
  pointer-events:none !important;
}

.sampro-topic-v305__doc-copy{
  position:relative !important;
  z-index:1 !important;
}

.sampro-topic-v305__doc-copy h2{
  max-width:760px !important;
  font-size:clamp(28px,2.7vw,42px) !important;
  line-height:1.12 !important;
  margin-bottom:18px !important;
}

.sampro-topic-v305__doc-lead{
  font-size:clamp(18px,1.35vw,21px) !important;
  line-height:1.58 !important;
  color:#183c66 !important;
  font-weight:750 !important;
  max-width:840px !important;
  margin:0 0 14px !important;
}

.sampro-topic-v305__doc-copy > p:not(.sampro-topic-v271__eyebrow):not(.sampro-topic-v305__doc-lead){
  color:#405872 !important;
  font-size:17px !important;
  line-height:1.68 !important;
  max-width:860px !important;
}

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

.sampro-topic-v305__doc-points div{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start !important;
  padding:14px 14px !important;
  border-radius:18px !important;
  border:1px solid rgba(214,225,237,.96) !important;
  background:rgba(255,255,255,.76) !important;
  box-shadow:0 10px 22px rgba(6,38,83,.04) !important;
}

.sampro-topic-v305__doc-points span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  color:#b9851f !important;
  background:linear-gradient(180deg,#fffaf0 0%,#fff4df 100%) !important;
  border:1px solid rgba(216,162,49,.55) !important;
  font-weight:900 !important;
}

.sampro-topic-v305__doc-points strong{
  color:#183655 !important;
  font-size:15.5px !important;
  line-height:1.42 !important;
}

.sampro-topic-v305__doc-visual{
  position:relative !important;
  z-index:1 !important;
  min-height:100% !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 18% 14%, rgba(240,197,94,.16) 0%, rgba(240,197,94,0) 30%),
    linear-gradient(135deg,#062653 0%,#0b3f84 64%,#05295a 100%) !important;
  padding:26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  overflow:hidden !important;
  box-shadow:0 20px 40px rgba(6,38,83,.16) !important;
}

.sampro-topic-v305__doc-visual::after{
  content:"Excel VBA" !important;
  position:absolute !important;
  right:24px !important;
  top:22px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
}

.sampro-topic-v305__doc-sheet{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:8px !important;
  margin-top:54px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.sampro-topic-v305__doc-sheet::before{
  content:"Dokumentations-Cockpit" !important;
  position:absolute !important;
  left:18px !important;
  top:-34px !important;
  color:#ffffff !important;
  font-size:18px !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}

.sampro-topic-v305__doc-sheet span{
  display:block !important;
  min-height:34px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.sampro-topic-v305__doc-sheet span:nth-child(4n+1),
.sampro-topic-v305__doc-sheet span:nth-child(7),
.sampro-topic-v305__doc-sheet span:nth-child(11){
  background:rgba(240,197,94,.36) !important;
  border-color:rgba(240,197,94,.48) !important;
}

.sampro-topic-v305__doc-stats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:24px !important;
}

.sampro-topic-v305__doc-stats article{
  padding:16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter:blur(8px) !important;
}

.sampro-topic-v305__doc-stats strong{
  display:block !important;
  color:#ffffff !important;
  font-size:clamp(24px,2vw,34px) !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
}

.sampro-topic-v305__doc-stats span{
  display:block !important;
  margin-top:8px !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13.5px !important;
  line-height:1.4 !important;
}

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

@media (max-width:720px){
  .sampro-topic-v305__doc-section{
    padding-top:28px !important;
    padding-bottom:54px !important;
  }
  .sampro-topic-v305__doc-card{
    padding:22px !important;
    border-radius:24px !important;
  }
  .sampro-topic-v305__doc-copy h2{
    font-size:clamp(26px,7vw,34px) !important;
  }
  .sampro-topic-v305__doc-points,
  .sampro-topic-v305__doc-stats{
    grid-template-columns:1fr !important;
  }
  .sampro-topic-v305__doc-visual{
    min-height:0 !important;
    padding:22px !important;
    border-radius:22px !important;
  }
  .sampro-topic-v305__doc-sheet{
    margin-top:58px !important;
  }
}