/* v311: Wirtschaftlichkeitsbetrachtung im blauen Dokumentationsfeld */

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

.sampro-topic-v311__optimization{
  position:relative !important;
  z-index:2 !important;
  padding:16px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(240,197,94,.14) 0%, rgba(240,197,94,0) 34%),
    rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 14px 30px rgba(2,21,47,.16) !important;
}

.sampro-topic-v311__optimization-head span{
  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;
}

.sampro-topic-v311__optimization-head strong{
  display:block !important;
  margin-top:10px !important;
  color:#ffffff !important;
  font-size:18px !important;
  line-height:1.18 !important;
  letter-spacing:-.015em !important;
}

.sampro-topic-v311__optimization-head p,
.sampro-topic-v311__optimization-note{
  margin:8px 0 0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

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

.sampro-topic-v311__optimization-options article{
  position:relative !important;
  padding:14px 12px 12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.sampro-topic-v311__optimization-options small{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  color:#062653 !important;
  background:#f0c55e !important;
  font-weight:900 !important;
  font-size:13px !important;
  margin-bottom:10px !important;
}

.sampro-topic-v311__optimization-options strong{
  display:block !important;
  color:#ffffff !important;
  font-size:14px !important;
  line-height:1.2 !important;
  margin-bottom:6px !important;
}

.sampro-topic-v311__optimization-options span,
.sampro-topic-v311__optimization-options em{
  display:block !important;
  color:rgba(255,255,255,.80) !important;
  font-size:12.5px !important;
  line-height:1.38 !important;
  font-style:normal !important;
}

.sampro-topic-v311__optimization-options em{
  margin-top:7px !important;
  color:rgba(243,211,126,.92) !important;
}

.sampro-topic-v311__optimization-reco{
  margin:14px 0 0 !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  color:#062653 !important;
  background:linear-gradient(180deg,#fff5df 0%,#f3d37e 100%) !important;
  border:1px solid rgba(240,197,94,.42) !important;
  font-size:13px !important;
  line-height:1.42 !important;
  font-weight:850 !important;
}

@media (max-width:1180px){
  .sampro-topic-v311__optimization-options{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:720px){
  .sampro-topic-v311__optimization{
    padding:14px !important;
    border-radius:18px !important;
  }
  .sampro-topic-v311__optimization-head strong{
    font-size:16px !important;
  }
  .sampro-topic-v311__optimization-options article{
    border-radius:16px !important;
  }
}