/* v313: Text zur Schaugrafik wieder ergänzen */

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

.sampro-topic-v313__optimization-title{
  margin:4px 0 10px !important;
  color:#ffffff !important;
  font-size:clamp(24px,2.15vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  font-weight:850 !important;
  max-width:820px !important;
}

.sampro-topic-v313__optimization-text,
.sampro-topic-v313__optimization-note{
  margin:0 0 14px !important;
  color:rgba(255,255,255,.90) !important;
  font-size:15px !important;
  line-height:1.56 !important;
  max-width:920px !important;
}

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

.sampro-topic-v313__optimization-note{
  margin-bottom:0 !important;
  color:rgba(255,255,255,.82) !important;
}

@media (max-width:720px){
  .sampro-topic-v313__optimization-title{
    font-size:clamp(22px,7vw,30px) !important;
  }
  .sampro-topic-v313__optimization-text,
  .sampro-topic-v313__optimization-note,
  .sampro-topic-v313__optimization-reco{
    font-size:14px !important;
  }
  .sampro-topic-v313__optimization-reco{
    padding:12px 14px !important;
    border-radius:16px !important;
  }
}