/* v297: Premium-Refinement für Einordnung
   - integrierterer, hochwertigerer Visualbereich
   - weniger Clipart-Charakter, mehr Premium-Analysewirkung
   - Bildfläche ruhiger und großzügiger in die Karte eingebunden */

.sampro-topic-v271__intro-card--media{
  grid-template-columns:minmax(0,1.02fr) minmax(300px,.92fr) !important;
  gap:30px !important;
  align-items:center !important;
  padding:34px 34px 32px !important;
}

.sampro-topic-v271__intro-copy{
  position:relative !important;
  z-index:2 !important;
}

.sampro-topic-v271__intro-figure{
  position:relative !important;
  min-height:350px !important;
  margin:0 !important;
  border:none !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 22% 20%, rgba(216,162,49,.16) 0%, rgba(216,162,49,0) 28%),
    radial-gradient(circle at 82% 16%, rgba(17,58,102,.08) 0%, rgba(17,58,102,0) 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fafd 42%, #eef4fa 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 18px 34px rgba(12,40,82,.055) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:12px 8px 8px !important;
}

.sampro-topic-v271__intro-figure::before{
  content:"" !important;
  position:absolute !important;
  inset:18px 20px auto auto !important;
  width:88px !important;
  height:88px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg, rgba(216,162,49,.16) 0%, rgba(243,211,126,.07) 100%) !important;
  filter:blur(.2px) !important;
}

.sampro-topic-v271__intro-figure::after{
  content:"" !important;
  position:absolute !important;
  right:14px !important;
  top:14px !important;
  width:42px !important;
  height:42px !important;
  clip-path:polygon(100% 0,0 0,100% 100%) !important;
  background:linear-gradient(135deg, rgba(216,162,49,.96) 0%, rgba(243,211,126,.96) 100%) !important;
  opacity:.92 !important;
}

.sampro-topic-v271__intro-figure img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:430px !important;
  height:auto !important;
  display:block !important;
  filter:drop-shadow(0 24px 32px rgba(12,40,82,.10)) !important;
}

@media (max-width:1100px){
  .sampro-topic-v271__intro-card--media{
    grid-template-columns:minmax(0,1fr) minmax(260px,.86fr) !important;
    gap:24px !important;
  }
  .sampro-topic-v271__intro-figure{
    min-height:320px !important;
  }
  .sampro-topic-v271__intro-figure img{
    max-width:390px !important;
  }
}

@media (max-width:980px){
  .sampro-topic-v271__intro-card--media{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:28px 26px 26px !important;
  }
  .sampro-topic-v271__intro-figure{
    min-height:250px !important;
    padding:12px !important;
  }
  .sampro-topic-v271__intro-figure img{
    max-width:340px !important;
  }
}

@media (max-width:780px){
  .sampro-topic-v271__intro-card--media{
    padding:24px !important;
  }
  .sampro-topic-v271__intro-figure{
    min-height:220px !important;
    border-radius:22px !important;
  }
  .sampro-topic-v271__intro-figure::before{
    width:62px !important;
    height:62px !important;
    border-radius:18px !important;
  }
  .sampro-topic-v271__intro-figure img{
    max-width:290px !important;
  }
}