/* v296: Bildergänzung im Bereich Einordnung
   - links im Einordnungsfeld Premium-Illustration integriert
   - freien Raum im Quick-Check sinnvoll genutzt
   - responsive Zweispalten-Layout für Text und Bild */

.sampro-topic-v271__intro-card--media{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(240px,.82fr) !important;
  gap:26px !important;
  align-items:stretch !important;
  overflow:hidden !important;
}

.sampro-topic-v271__intro-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}

.sampro-topic-v271__intro-card--media > .sampro-topic-v271__intro-copy > p:last-child{
  margin-bottom:0 !important;
}

.sampro-topic-v271__intro-figure{
  position:relative !important;
  min-height:100% !important;
  margin:0 !important;
  border-radius:22px !important;
  border:1px solid rgba(213,224,237,.96) !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(216,162,49,.14) 0%, rgba(216,162,49,0) 30%),
    linear-gradient(180deg,#fafdff 0%,#f4f8fc 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 14px 28px rgba(12,40,82,.05) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}

.sampro-topic-v271__intro-figure::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:34px !important;
  height:34px !important;
  background:linear-gradient(135deg, rgba(216,162,49,.95) 0%, rgba(243,211,126,.96) 100%) !important;
  clip-path:polygon(100% 0,0 0,100% 100%) !important;
  border-top-right-radius:22px !important;
}

.sampro-topic-v271__intro-figure img{
  width:100% !important;
  max-width:360px !important;
  height:auto !important;
  display:block !important;
  filter:drop-shadow(0 18px 28px rgba(12,40,82,.08)) !important;
}

@media (max-width:980px){
  .sampro-topic-v271__intro-card--media{
    grid-template-columns:1fr !important;
  }
  .sampro-topic-v271__intro-figure{
    min-height:230px !important;
  }
  .sampro-topic-v271__intro-figure img{
    max-width:320px !important;
  }
}

@media (max-width:780px){
  .sampro-topic-v271__intro-card--media{
    gap:18px !important;
  }
  .sampro-topic-v271__intro-figure{
    padding:14px !important;
    min-height:200px !important;
  }
  .sampro-topic-v271__intro-figure img{
    max-width:280px !important;
  }
}