/* v312: vereinfachte Schaugrafik zur Wirtschaftlichkeitsbetrachtung */

.sampro-topic-v305__doc-visual{
  gap:18px !important;
}

.sampro-topic-v312__optimization-graphic{
  position:relative !important;
  z-index:2 !important;
}

.sampro-topic-v312__optimization-kicker{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  color:#f3d37e !important;
  background:rgba(240,197,94,.12) !important;
  border:1px solid rgba(240,197,94,.36) !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  margin-bottom:12px !important;
}

.sampro-topic-v312__optimization-figure{
  margin:0 !important;
  padding:10px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 16px 34px rgba(2,21,47,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.sampro-topic-v312__optimization-figure img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:0 12px 24px rgba(2,21,47,.16) !important;
}

@media (max-width:720px){
  .sampro-topic-v312__optimization-figure{
    padding:8px !important;
    border-radius:20px !important;
  }
  .sampro-topic-v312__optimization-figure img{
    border-radius:14px !important;
  }
}