/* Marketing Schmiede V182: definitive mobile geometry + click-to-load video layer */
html{scroll-behavior:smooth;overscroll-behavior-y:auto!important}
body{overscroll-behavior-y:auto!important}
form input[type="checkbox"],form input[type="radio"]{box-sizing:border-box!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;flex:0 0 18px!important}
.ms-vimeo-wrap{position:relative!important;overflow:hidden!important}
.ms-vimeo-wrap>iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;border:0!important;display:block!important;z-index:3!important}
.ms-vimeo-wrap.is-playing>.ms-vimeo-poster{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.ms-vimeo-wrap>.ms-vimeo-poster{transition:opacity .2s ease!important}

@media (max-width:820px){
  :root{--ms-mobile-gutter:12px}
  html,body{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important;overflow-y:visible!important;position:static!important;touch-action:pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch!important}
  body{padding-left:0!important;padding-right:0!important;min-width:0!important}
  body>*{max-width:100vw}
  main,header,footer,section,nav{max-width:100%!important;min-width:0!important}
  img,svg,video,canvas{max-width:100%!important;height:auto}
  iframe{max-width:100%!important}
  .container,.section.container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--ms-mobile-gutter)!important;padding-right:var(--ms-mobile-gutter)!important}
  .container>.reveal,.section.container>.reveal{max-width:100%!important;min-width:0!important}
  .card,.panel,.form-card,.engine-panel,.flow-card,.social-card,.ai-card,.dashboard-card,.cta-card,.problem-card,.compare-card,.ki-concrete-card,.check-card,.video-card,.price-card,.fit-card,.final-conversion-card,.trust-strip,.team-trust-card,.person-card,.sales-hebel-card,.authority-card,.brand-proof-card,.compact-proof-card{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;transform:none!important}
  h1,h2,h3,h4,p,span,b,strong,small,a,button,label{overflow-wrap:anywhere;word-break:normal}
  .btn,.nav-cta,button[type="submit"]{box-sizing:border-box!important;max-width:100%!important;white-space:normal!important;text-align:center!important}

  /* Form: the old global 100% input rule had enlarged the checkbox to the full card width. */
  .form-card,.ms-final-lead-form{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .ms-final-lead-form .form-grid{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:12px!important}
  .ms-final-lead-form .input,.ms-final-lead-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.ms-final-lead-form textarea,.ms-final-lead-form select{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .ms-final-lead-form textarea{min-height:128px!important;height:auto!important;resize:vertical!important}
  .ms-whatsapp-optin{box-sizing:border-box!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:12px 0 14px!important;padding:0!important;overflow:visible!important}
  .ms-whatsapp-optin input[type="checkbox"]{display:block!important;margin:3px 0 0!important;position:static!important;opacity:1!important;visibility:visible!important}
  .ms-whatsapp-optin span{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;line-height:1.45!important;white-space:normal!important}
  .ms-final-lead-form>.btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:58px!important;margin:0!important}
  .ms-form-privacy{display:block!important;width:100%!important;height:auto!important;margin-top:12px!important;line-height:1.45!important}

  /* Service cards: one fully visible card per row, never a partly clipped carousel. */
  #leistung-genau-erklaert .core-services-v63,#leistung-genau-erklaert .core-head-v63,#leistung-genau-erklaert .core-grid-v63{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;transform:none!important}
  #leistung-genau-erklaert .core-services-v63{padding-left:0!important;padding-right:0!important;overflow:visible!important}
  #leistung-genau-erklaert .core-head-v63{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding-left:0!important;padding-right:0!important}
  #leistung-genau-erklaert .core-grid-v63{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  #leistung-genau-erklaert .core-link-v63{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:20px!important;transform:none!important;scroll-snap-align:none!important;overflow:hidden!important}
  #leistung-genau-erklaert .core-link-v63 em{box-sizing:border-box!important;width:100%!important;max-width:100%!important;text-align:center!important;white-space:normal!important}
  #leistung-genau-erklaert .ms-swipe-hint,#leistung-genau-erklaert .v73-swipe-hint,#leistung-genau-erklaert .v128-swipe-badge,#leistung-genau-erklaert [class*="swipe-hint"]{display:none!important}

  /* Company proof: prevent the fixed desktop columns from extending beyond the viewport. */
  .company-list{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;overflow:visible!important}
  .company-list>.company-row{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:16px!important;overflow:hidden!important;transform:none!important}
  .company-row .company-name{box-sizing:border-box!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .company-row .company-name>span{box-sizing:border-box!important;width:52px!important;height:52px!important;min-width:52px!important;display:grid!important;place-items:center!important}
  .company-row .company-name>b{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
  .company-row .company-rating,.company-row .company-links{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .company-row .company-links{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .company-row .company-links>a{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;text-align:center!important}

  /* Practice videos are vertical on phones. No half-card may remain at the right edge. */
  #rezensionen .review-story-card,#rezensionen .review-head,#rezensionen .review-video-grid{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  #rezensionen .review-video-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  #rezensionen .story-video{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;transform:none!important;scroll-snap-align:none!important}
  #rezensionen .ms-mobile-swipe-hint{display:none!important}

  /* Horizontal components that are intentionally swipeable stay contained inside the viewport. */
  [class*="track"],[class*="slider"],[class*="carousel"]{max-width:100%!important}
  .before-after-track,.kss-books-track{overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important}

  /* Video remains inline, so the page can continue to scroll and pull-to-refresh stays native. */
  .ms-vimeo-wrap,.ms-v87-landscape-video,.ms-vimeo-story{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  .ms-vimeo-wrap>.ms-vimeo-poster{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
  .ms-vimeo-wrap>.ms-vimeo-poster>img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
}

@media (max-width:420px){
  :root{--ms-mobile-gutter:10px}
  #leistung-genau-erklaert .core-link-v63,.company-list>.company-row{padding:15px!important}
  .company-row .company-name{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}
  .company-row .company-name>span{width:48px!important;height:48px!important;min-width:48px!important}
}

/* V182 final mobile corrections after device screenshots */
@media (max-width:820px){
  html,body{overflow-x:clip!important;overflow-y:visible!important}
  #kontakt .cta-card{padding-left:0!important;padding-right:0!important}
  #kontakt .ms-final-lead-form{width:100%!important;max-width:100%!important}
  #rezensionen .review-story-card{padding-left:10px!important;padding-right:10px!important}
  #rezensionen .review-video-grid>.story-video{box-sizing:border-box!important;flex:0 0 100%!important;inline-size:100%!important;width:100%!important;min-width:0!important;max-width:100%!important}
  #leistung-genau-erklaert .core-grid-v63::before,#leistung-genau-erklaert .core-grid-v63::after,.company-list::before,.company-list::after,#rezensionen .review-video-grid::before,#rezensionen .review-video-grid::after{content:none!important;display:none!important}
}
@media (max-width:820px){
  html{overflow-x:clip!important;overflow-y:visible!important}
  body{overflow:visible!important}
}

/* V183 — final CTA target, tab icon release and mobile interaction hardening */
#ki-potenzial-form,
#ki-potenzial-form-abschluss{
  scroll-margin-top:calc(96px + env(safe-area-inset-top, 0px));
}
html{
  overscroll-behavior-y:auto;
  touch-action:pan-y pinch-zoom;
}
body{
  overscroll-behavior-y:auto;
  touch-action:pan-y pinch-zoom;
}
@media (max-width:820px){
  html,body{
    min-height:100%;
    height:auto!important;
    position:static;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  main{
    overflow:visible;
  }
  #ki-potenzial-form,
  #ki-potenzial-form-abschluss{
    scroll-margin-top:calc(20px + env(safe-area-inset-top, 0px));
  }
  .form-card,
  .ms-final-lead-form,
  .form-grid,
  .form-grid>*{
    min-width:0!important;
    max-width:100%!important;
  }
  .ms-final-lead-form .btn[type="submit"]{
    width:100%!important;
    white-space:normal!important;
    text-align:center!important;
    justify-content:center!important;
  }
}