/* variante mannesstaerke.lat — casca + layout (azul 238°, laranja 24°) */
body.v-mannesstaerke{background:#f1f1f9!important;font-family:'Hind',Arial,sans-serif}
body.v-mannesstaerke .font-myriadpro{font-family:'Hind',Arial,sans-serif!important}

/* título */
body.v-mannesstaerke #heading h1.chocolatediscovery{font-family:'Exo 2',Arial,sans-serif!important;color:#14153e!important;font-weight:800;letter-spacing:-.01em}


/* moldura do vídeo (só a moldura; o player fica intacto) */
body.v-mannesstaerke #vidcont{background:#14153e!important;border:6px solid #383b94!important;border-radius:20px!important}

/* avisos abaixo do vídeo */
body.v-mannesstaerke .showonplay .important{color:#bd4e05}

/* oferta (potes) */
body.v-mannesstaerke .vsl-offer{background:linear-gradient(180deg,#f1f1f9 0%,#dcdcef 100%)!important;color:#14153e!important;font-family:'Hind',Arial,sans-serif!important}
body.v-mannesstaerke .vsl-offer section > article > h2:first-child{font-family:'Exo 2',Arial,sans-serif!important;color:#14153e!important}
body.v-mannesstaerke .vsl-offer section > article > h2:first-child mark{color:#bd4e05!important}
body.v-mannesstaerke .vsl-offer ol{align-items:center!important}
body.v-mannesstaerke .vsl-offer ol > li > article{border-radius:12px!important}
body.v-mannesstaerke .vsl-offer .primary-border{box-shadow:0 0 0 4px #e16009,0 22px 50px rgba(0,0,0,.35)!important}
body.v-mannesstaerke .vsl-offer .secondary-border{box-shadow:0 0 0 2px #9295d3,0 16px 36px rgba(0,0,0,.30)!important}
body.v-mannesstaerke .vsl-offer .text-highlight{color:#bd4e05!important}
body.v-mannesstaerke .vsl-offer ol a{border-radius:999px!important}
body.v-mannesstaerke .vsl-offer ol a.button{background:linear-gradient(180deg,#ffd752,#f7be02)!important}
body.v-mannesstaerke .vsl-offer ol a.button-primary{background:linear-gradient(180deg,#ff871f,#bd4e05)!important}
@media (min-width:768px){
  body.v-mannesstaerke .vsl-offer ol > li.md\:order-2 > article{transform:translateY(-22px)!important}
  body.v-mannesstaerke .shape{clip-path:polygon(0% 0%, 0 70%, 50% 100%, 100% 70%, 100% 0%)!important}
  body.v-mannesstaerke .shape-primary{background:linear-gradient(90deg,#14153e,#383b94,#14153e)!important}
  body.v-mannesstaerke .shape-normal{background:#383b94!important}
}

/* "In diesem kurzen Video erfahren Sie" */
body.v-mannesstaerke .beforedrop > div{background:#f6efe3!important}
body.v-mannesstaerke .beforedrop h2{font-family:'Exo 2',Arial,sans-serif!important;color:#14153e!important}
body.v-mannesstaerke .beforedrop .flex-1 > span:nth-of-type(1){color:#383b94!important;font-family:'Exo 2',Arial,sans-serif}
body.v-mannesstaerke .beforedrop .flex-1 > span:nth-of-type(2){color:#1f2329!important}
body.v-mannesstaerke .beforedrop .max-w-\[1180px\] > div{counter-reset:lern;max-width:360px!important;gap:22px!important}
@media (min-width:768px){body.v-mannesstaerke .beforedrop .max-w-\[1180px\] > div{display:grid!important;grid-template-columns:1fr;max-width:760px!important;margin-left:auto;margin-right:auto}}
body.v-mannesstaerke .beforedrop .flex-1{counter-increment:lern;position:relative;display:grid!important;grid-template-columns:34% 1fr;grid-template-rows:auto 1fr;column-gap:16px;row-gap:4px;align-items:start;padding:0 0 0 44px;border-left:3px solid #e16009;margin-left:14px}
body.v-mannesstaerke .beforedrop .flex-1::before{content:counter(lern);position:absolute;left:-18px;top:0;width:34px;height:34px;border-radius:50%;background:#e16009;color:#fff;font:700 16px/34px 'Exo 2',Arial,sans-serif;text-align:center}
body.v-mannesstaerke .beforedrop .flex-1 img{grid-row:1 / span 2;margin:0!important;border-radius:12px}

/* rodapé */
body.v-mannesstaerke footer .bgcolor2C4071{background:#0e0f2a!important}
body.v-mannesstaerke footer .bgcolor2C4071{border-top:6px solid #e16009}