/* v326: Premium-Redesign Einordnung / Typische Anlässe Audit Readiness */

body .sampro-topic-v326__intro-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  gap:32px !important;
  align-items:stretch !important;
}

body .sampro-topic-v326__context-card,
body .sampro-topic-v326__usecases-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  border:1px solid #d7e3ef !important;
  border-radius:24px !important;
  box-shadow:0 18px 40px rgba(7,34,72,.06) !important;
}

body .sampro-topic-v326__context-card{
  display:grid !important;
  grid-template-columns:minmax(0,.95fr) minmax(260px,.72fr) !important;
  gap:28px !important;
  padding:38px !important;
  position:relative !important;
  overflow:hidden !important;
}

body .sampro-topic-v326__context-card::after{
  content:"" !important;
  position:absolute !important;
  inset:auto -80px -100px auto !important;
  width:260px !important;
  height:260px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(201,162,58,.12) 0%, rgba(201,162,58,0) 68%) !important;
  pointer-events:none !important;
}

body .sampro-topic-v326__context-copy h2,
body .sampro-topic-v326__usecases-card h2{
  margin:0 0 16px !important;
  color:#12376c !important;
  font-size:clamp(30px,2.2vw,42px) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
}

body .sampro-topic-v326__context-lead{
  margin:0 !important;
  max-width:560px !important;
  color:#304860 !important;
  font-size:18px !important;
  line-height:1.72 !important;
}

body .sampro-topic-v326__benefit-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:26px !important;
}

body .sampro-topic-v326__benefit-card{
  position:relative !important;
  min-height:148px !important;
  padding:18px 16px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fdfefe 0%,#f4f8fc 100%) !important;
  border:1px solid rgba(193,209,226,.92) !important;
  box-shadow:0 12px 24px rgba(7,34,72,.05) !important;
}

body .sampro-topic-v326__benefit-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:3px !important;
  border-radius:20px 20px 0 0 !important;
  background:linear-gradient(90deg,#d4ab42 0%,#123f7f 100%) !important;
}

body .sampro-topic-v326__benefit-icon,
body .sampro-topic-v326__usecase-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  background:rgba(201,162,58,.10) !important;
  color:#123b77 !important;
  border:1px solid rgba(201,162,58,.28) !important;
}

body .sampro-topic-v326__benefit-icon svg,
body .sampro-topic-v326__usecase-icon svg{
  width:24px !important;
  height:24px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body .sampro-topic-v326__benefit-card strong,
body .sampro-topic-v326__usecase-item strong{
  display:block !important;
  margin-top:14px !important;
  color:#15365f !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}

body .sampro-topic-v326__benefit-card span:last-child,
body .sampro-topic-v326__usecase-item span:last-child{
  display:block !important;
  margin-top:8px !important;
  color:#516b87 !important;
  font-size:14.5px !important;
  line-height:1.55 !important;
}

body .sampro-topic-v326__context-figure{
  position:relative !important;
  margin:0 !important;
  min-height:100% !important;
  align-self:stretch !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:1px solid rgba(216,228,240,.95) !important;
  box-shadow:0 16px 36px rgba(7,34,72,.08) !important;
  background:#edf3f9 !important;
}

body .sampro-topic-v326__context-figure img{
  width:100% !important;
  height:100% !important;
  min-height:420px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

body .sampro-topic-v326__usecases-card{
  padding:38px !important;
  position:relative !important;
  overflow:hidden !important;
}

body .sampro-topic-v326__usecases-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(201,162,58,0) 0%, rgba(201,162,58,.4) 22%, rgba(18,59,119,.18) 100%) !important;
}

body .sampro-topic-v326__usecases-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:18px !important;
}

body .sampro-topic-v326__usecase-item{
  position:relative !important;
  min-height:166px !important;
  padding:18px 17px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%) !important;
  border:1px solid rgba(194,210,226,.92) !important;
  box-shadow:0 12px 24px rgba(7,34,72,.05) !important;
}

body .sampro-topic-v326__usecase-item::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:3px !important;
  border-radius:20px 20px 0 0 !important;
  background:linear-gradient(90deg,#d4ab42 0%,#123f7f 100%) !important;
}

body .sampro-topic-v326__usecases-note{
  margin-top:18px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(12,53,107,.055),rgba(201,162,58,.11)) !important;
  border:1px solid rgba(196,212,228,.92) !important;
  color:#26496f !important;
  font-size:15px !important;
  line-height:1.58 !important;
  font-weight:700 !important;
}

@media (max-width:1260px){
  body .sampro-topic-v326__context-card{
    grid-template-columns:1fr !important;
  }
  body .sampro-topic-v326__context-figure img{
    min-height:340px !important;
    max-height:420px !important;
  }
  body .sampro-topic-v326__benefit-grid,
  body .sampro-topic-v326__usecases-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

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

@media (max-width:720px){
  body .sampro-topic-v326__context-card,
  body .sampro-topic-v326__usecases-card{
    padding:24px !important;
  }
  body .sampro-topic-v326__context-copy h2,
  body .sampro-topic-v326__usecases-card h2{
    font-size:clamp(25px,8vw,34px) !important;
  }
  body .sampro-topic-v326__context-lead{
    font-size:16px !important;
    line-height:1.64 !important;
  }
  body .sampro-topic-v326__benefit-grid,
  body .sampro-topic-v326__usecases-grid{
    grid-template-columns:1fr !important;
  }
  body .sampro-topic-v326__context-figure img{
    min-height:260px !important;
  }
}