/* Branchentrainer Mobile Root Fix 1.0.2 — homepage platform separation.
   Desktop only: Branchensuche becomes a light, full-width standalone block
   above the dark CRM / Außendienst stage. Mobile files stay unchanged. */
@media screen and (min-width:901px) {
  /* The platform is no longer one large dark slab on desktop. */
  body.bt-mobile-root-fix #plattform.bt-widget-section .platform.dark {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    background-image:none !important;
    color:#172125 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .platform.dark::before,
  body.bt-mobile-root-fix #plattform.bt-widget-section .platform.dark::after {
    display:none !important;
    content:none !important;
  }

  body.bt-mobile-root-fix #plattform.bt-widget-section .platformGrid {
    display:grid !important;
    grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr) !important;
    grid-template-areas:
      "search search"
      "intro crm" !important;
    column-gap:0 !important;
    row-gap:28px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    align-items:stretch !important;
  }

  /* LIGHT, FULL-WIDTH BRANCH SEARCH */
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel {
    grid-area:search !important;
    align-self:start !important;
    display:block !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:28px 30px 24px !important;
    box-sizing:border-box !important;
    background:#ffffff !important;
    background-image:linear-gradient(180deg,#ffffff 0%,#fbfdfd 100%) !important;
    border:1px solid #dce7e5 !important;
    border-radius:26px !important;
    box-shadow:0 18px 46px rgba(8,33,36,.07) !important;
    color:#172125 !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .panelLabel {
    margin:0 0 18px !important;
    color:#15977f !important;
    -webkit-text-fill-color:#15977f !important;
    font-size:.72rem !important;
    line-height:1.35 !important;
    font-weight:850 !important;
    letter-spacing:.15em !important;
    text-transform:uppercase !important;
  }

  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:18px !important;
    gap:12px !important;
    box-sizing:border-box !important;
    background:#fbfcfc !important;
    border:1px solid #e2e9e8 !important;
    border-radius:18px !important;
    box-shadow:0 8px 22px rgba(8,33,36,.035) !important;
  }

  /* Theme .row gutters must never push the two fields outside the form. */
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm .row {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    box-sizing:border-box !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm .row::before,
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm .row::after {
    content:none !important;
    display:none !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm :is(input,select) {
    display:block !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:12px 15px !important;
    min-height:54px !important;
    font-size:16px !important;
    line-height:1.4 !important;
    color:#253033 !important;
    -webkit-text-fill-color:#253033 !important;
    background:#ffffff !important;
    border:1px solid #dbe3e4 !important;
    border-radius:13px !important;
    box-shadow:none !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm :is(input,select)::placeholder {
    color:#8d989c !important;
    -webkit-text-fill-color:#8d989c !important;
    opacity:1 !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm button[type=submit] {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    height:auto !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:12px 16px !important;
    line-height:1.4 !important;
    background:#64eacd !important;
    background-image:none !important;
    color:#07120f !important;
    -webkit-text-fill-color:#07120f !important;
    border:1px solid #64eacd !important;
    border-radius:12px !important;
    font-weight:850 !important;
    box-shadow:none !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .searchForm button[type=submit]:hover {
    background:#56d8c6 !important;
    border-color:#56d8c6 !important;
  }

  /* Filigree light quick filters below the search form. */
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .bt-ai-pills {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:18px 0 0 !important;
    padding:0 !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .bt-ai-pills .pill {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 1 auto !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:36px !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:8px 14px !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    white-space:normal !important;
    text-align:center !important;
    color:#263235 !important;
    -webkit-text-fill-color:#263235 !important;
    background:#f7f9f9 !important;
    border:1px solid #dbe4e3 !important;
    border-radius:999px !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .bt-ai-pills .pill:hover,
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel .bt-ai-pills .pill.is-active {
    background:#e9faf6 !important;
    border-color:#9adfD2 !important;
    color:#0b5f51 !important;
    -webkit-text-fill-color:#0b5f51 !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-platform-search-panel :is(input,select,button):focus-visible {
    outline:2px solid #15977f !important;
    outline-offset:3px !important;
  }

  /* DARK CRM STAGE BELOW: intro + CRM panel visually form one block. */
  body.bt-mobile-root-fix #plattform.bt-widget-section .platformIntro {
    grid-area:intro !important;
    align-self:stretch !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:46px 38px 44px !important;
    background:#091216 !important;
    color:#ffffff !important;
    border-radius:30px 0 0 30px !important;
    box-shadow:0 24px 64px rgba(5,22,27,.18) !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .platformIntro h2 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .platformIntro h2 span,
  body.bt-mobile-root-fix #plattform.bt-widget-section .platformIntro .eyebrow {
    color:#64eacd !important;
    -webkit-text-fill-color:#64eacd !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .platformIntro .lead {
    color:#c8d2d4 !important;
    -webkit-text-fill-color:#c8d2d4 !important;
  }

  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-crm-product-panel {
    grid-area:crm !important;
    grid-column:auto !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:34px 38px 34px 20px !important;
    background:#091216 !important;
    background-image:none !important;
    color:#ffffff !important;
    border:0 !important;
    border-radius:0 30px 30px 0 !important;
    box-shadow:0 24px 64px rgba(5,22,27,.18) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  body.bt-mobile-root-fix #plattform.bt-widget-section .bt-crm-product-panel .panelLabel {
    color:#64eacd !important;
    -webkit-text-fill-color:#64eacd !important;
  }

  /* Keep the shared dark row visually seamless. */
  body.bt-mobile-root-fix #plattform.bt-widget-section .platformIntro::after {
    content:"" !important;
    position:absolute !important;
    display:none !important;
  }
}