/* Branchentrainer Mobile Root Fix 1.0.3
   Targeted visual polish:
   1) correct Leadinfo visual
   2) light break between A19 dark sections
   3) desktop industry headings fit without clipping
*/

/* Leadinfo: use a clean product screenshot, never the old webinar/Zelic artwork. */
body.bt-mobile-root-fix .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage > img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:16/10 !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:20px !important;
  border:1px solid #dce7e5 !important;
  background:#fff !important;
  box-shadow:0 18px 42px rgba(8,33,36,.08) !important;
}

/* A19: the second major block becomes a light editorial interruption so two
   heavy dark stages never follow each other. */
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break{
  background:#f6faf9 !important;
  background-image:none !important;
  color:#14211f !important;
  border-top:1px solid #e1ebe8 !important;
  border-bottom:1px solid #e1ebe8 !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break .bt-v28-kicker{
  color:#15977f !important;
  -webkit-text-fill-color:#15977f !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break h2{
  color:#14211f !important;
  -webkit-text-fill-color:#14211f !important;
  text-shadow:none !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break :is(p,span,strong,a){
  color:#53615f !important;
  -webkit-text-fill-color:#53615f !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break a{
  color:#117d6b !important;
  -webkit-text-fill-color:#117d6b !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break .bt-v292-contrast-steps{
  border-color:#d9e6e2 !important;
  background:#fff !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:0 16px 40px rgba(8,33,36,.045) !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break .bt-v292-contrast-steps article{
  background:#fff !important;
  border-color:#e1ebe8 !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break .bt-v292-contrast-steps small{
  color:#15977f !important;
  -webkit-text-fill-color:#15977f !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break .bt-v292-contrast-steps strong{
  color:#172125 !important;
  -webkit-text-fill-color:#172125 !important;
}

/* Homepage industry cards: long German industry names may wrap, but may
   never be clipped by the five-column desktop composition. */
@media screen and (min-width:901px){
  body.bt-mobile-root-fix .industries{
    min-width:0 !important;
  }
  body.bt-mobile-root-fix .industries .industry{
    min-width:0 !important;
    padding-left:18px !important;
    padding-right:18px !important;
    overflow:visible !important;
  }
  body.bt-mobile-root-fix .industries .industry h3{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    font-size:clamp(1.02rem,1.25vw,1.2rem) !important;
    line-height:1.18 !important;
    letter-spacing:-.018em !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    hyphens:auto !important;
    text-wrap:balance !important;
  }
}

/* Keep the light break comfortable on mobile as well. */
@media screen and (max-width:900px){
  body.bt-mobile-root-fix .bt-v299-key-a19 .btmr-light-break{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }
  body.bt-mobile-root-fix .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage > img{
    border-radius:16px !important;
  }
}

/* 1.0.4: Außendienst-/Vertriebsassistent und Leadinfo weiter schärfen. */

/* A19: Der Block „Vom digitalen Interesse zur Vertriebschance“ soll direkt als
   erster Inhaltsblock unter dem Hero stehen. Der JS-Umzug markiert ihn mit
   data-btmrf-a19-first. Hier nur sanfter Feinschliff. */
body.bt-mobile-root-fix .bt-v299-key-a19 [data-btmrf-a19-first]{
  scroll-margin-top:120px !important;
}
body.bt-mobile-root-fix .bt-v299-key-a19 [data-btmrf-a19-first] .bt-v2940-leadinfo-journey{
  margin-top:22px !important;
}

/* Leadinfo-Seite: das Bild muss größer, klarer und inhaltlich lesbarer werden.
   Gleichzeitig sollen Text und Nutzenkarten nicht gegeneinander verrutschen. */
@media screen and (min-width:1101px){
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-grid{
    grid-template-columns:minmax(410px,.88fr) minmax(700px,1.12fr) !important;
    gap:34px !important;
    align-items:start !important;
  }
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage{
    grid-template-columns:minmax(420px,1.18fr) minmax(300px,.82fr) !important;
    gap:18px !important;
    align-items:start !important;
  }
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage > img{
    width:100% !important;
    min-height:360px !important;
    max-height:430px !important;
    aspect-ratio:4 / 3 !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:16px !important;
    background:linear-gradient(180deg,#f8fbfb,#eef6f5) !important;
  }
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-items{
    gap:12px !important;
    align-self:stretch !important;
  }
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-items article{
    min-height:90px !important;
    align-content:start !important;
  }
}

@media screen and (min-width:721px) and (max-width:1100px){
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-grid{
    gap:26px !important;
    align-items:start !important;
  }
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage{
    grid-template-columns:1.05fr .95fr !important;
    gap:14px !important;
    align-items:start !important;
  }
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage > img{
    min-height:300px !important;
    max-height:380px !important;
    aspect-ratio:4 / 3 !important;
    object-fit:contain !important;
    padding:14px !important;
    background:linear-gradient(180deg,#f8fbfb,#eef6f5) !important;
  }
}

@media screen and (max-width:720px){
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-grid,
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage{
    gap:18px !important;
    align-items:stretch !important;
  }
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage > img{
    min-height:260px !important;
    aspect-ratio:4 / 3 !important;
    object-fit:contain !important;
    padding:12px !important;
    background:linear-gradient(180deg,#f8fbfb,#eef6f5) !important;
  }
}

/* 1.0.5: global step-card robustness + final Leadinfo composition. */

/* Similar process/step blocks must never clip headings or body copy. */
body.bt-mobile-root-fix :is(
  .bt-v2940-leadinfo-journey,
  .bt-v291-flow,
  .bt-v28-process
){
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  min-width:0 !important;
  max-width:100% !important;
}
body.bt-mobile-root-fix :is(
  .bt-v2940-leadinfo-journey article,
  .bt-v291-flow-node,
  .bt-v28-process article
){
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  overflow:hidden !important;
}
body.bt-mobile-root-fix :is(
  .bt-v2940-leadinfo-journey article,
  .bt-v291-flow-node,
  .bt-v28-process article
) :is(h3,strong,b,p,span){
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:auto !important;
}

/* Leadinfo: one large, legible product screenshot; benefit cards flow below it. */
body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-grid{
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr) !important;
  gap:38px !important;
  align-items:start !important;
}
body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage{
  grid-template-columns:1fr !important;
  gap:18px !important;
  min-width:0 !important;
  max-width:100% !important;
  align-items:start !important;
}
body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-stage > img{
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:14px !important;
  background:linear-gradient(180deg,#f8fbfb,#eef6f5) !important;
}
body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-items{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
  gap:10px !important;
  min-width:0 !important;
  max-width:100% !important;
}
body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-items article{
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  padding:15px !important;
}
body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-items article :is(strong,p,span){
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:auto !important;
}

/* The whole Branchenwelten section is moved by JS; this keeps the transition
   immediately after the dark CRM block visually calm. */
body.bt-mobile-root-fix section[data-btmrf-industries-after-crm]{
  margin-top:0 !important;
}

@media screen and (max-width:1100px){
  body.bt-mobile-root-fix .bt-v299-key-leadinfo .bt-v294-original-leadinfo_linkedin .bt-v294-signal-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

@media screen and (max-width:720px){
  body.bt-mobile-root-fix :is(
    .bt-v2940-leadinfo-journey,
    .bt-v291-flow,
    .bt-v28-process,
    .bt-v299-key-leadinfo .bt-v294-signal-items
  ){
    grid-template-columns:1fr !important;
  }
}