/* Marketing Schmiede V172 – finale Mobile-/Tablet-Stabilität
   Ziel: keine abgeschnittenen Buchstaben, kein horizontaler Scroll, stabile Videos, keine alten Mobile-Layer-Konflikte.
   Desktop >1024px bleibt optisch unberührt, außer genereller Overflow-Schutz. */

html,body{max-width:100%;overflow-x:clip;}
@supports not (overflow:clip){html,body{overflow-x:hidden;}}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas,iframe{max-width:100%;}
img{height:auto;}

@media (max-width:1024px){
  :root{--ms-v172-gutter:clamp(14px,4.2vw,24px);--ms-v172-radius:clamp(18px,5vw,28px);}
  html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important;scroll-behavior:auto!important;-webkit-text-size-adjust:100%!important;overscroll-behavior-y:auto!important;}
  body{position:relative!important;min-width:0!important;touch-action:pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch!important;}
  body:not(.msv151-lock):not(.msv172-video-lock){overflow-y:auto!important;}
  .msv151-lock,.msv172-video-lock{overflow:hidden!important;touch-action:none!important;}

  main,header,footer,nav,section,.section,.container,.hero,.legal-shell,.legal-full,.legal-section,.card,.panel,.form-card,.cta-card,.price-card,.v95-price-card,.review-story-card,.person-card,.team-trust-card,.roi-calculator,.core-services-v63,.v106-local-authority{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  section,.section,.hero,main,footer{overflow-x:clip!important;}
  @supports not (overflow-x:clip){section,.section,.hero,main,footer{overflow-x:hidden!important;}}

  .container{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--ms-v172-gutter)!important;padding-right:var(--ms-v172-gutter)!important;}
  .section:not(.container){padding-left:0!important;padding-right:0!important;}
  .container.section{padding-left:var(--ms-v172-gutter)!important;padding-right:var(--ms-v172-gutter)!important;}

  h1,h2,h3,h4,h5,h6,.section-title,.section-title h2,.hero h1,.legal-hero h1,.sub-hero h1,.service-hero h1,.msh-title,.ms-headline-gold,.gold-text,.kicker,.eyebrow,.btn,button,label,p,li,a,span,b,strong,small,em,div{min-width:0!important;max-width:100%;}
  h1,h2,h3,h4,h5,h6,.section-title h2,.hero h1,.legal-hero h1,.sub-hero h1,.service-hero h1,.msh-title,.ms-headline-gold,.gold-text{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important;text-wrap:balance;}
  p,li,label,input,textarea,select,.lead,.sub,.hero-copy,.cta-undertext,.legal-note,.faq-body,.card p,.system p,.industry p,.compare-line,.company-name,.company-rating{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important;line-height:1.5;}
  .btn,button,.nav-cta,.msh-btn,.msh-btn-main{white-space:normal!important;text-align:center!important;line-height:1.18!important;min-width:0!important;max-width:100%!important;}
  input,textarea,select{width:100%!important;max-width:100%!important;font-size:16px!important;}

  .reveal,.js .reveal,.js .reveal.visible,.v91-soft-reveal{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;transition:none!important;will-change:auto!important;}
  .beam,.noise,.micro-grid,.engine-rings,.engine-orbit-glow,.engine-orbit-dot,.v91-ripple,.progress{animation:none!important;will-change:auto!important;}
  .btn::before,.btn::after,.nav-cta::before,.nav-cta::after{pointer-events:none!important;}

  .systems-grid,.benefit-grid,.industry-grid,.process-grid,.pricing-grid,.check-steps,.ki-concrete-grid,.loss-grid,.metric-grid,.ai-task-grid,.dash-grid,.engine-metric-strip,.engine-pipeline-grid,.dashboard-kpi-grid,.dashboard-flow,.authority-grid,.brand-proof-grid,.team-grid,.sales-hebel-grid,.company-list,.roi-result-cards,.team-conversion-strip,.footer-grid,.core-grid-v63,.v106-local-links,.social-links,.v94-process,.v94-proof-grid,.v94-proof-metrics,.v94-automation-mini,.v94-form-trust,.form-grid{min-width:0!important;max-width:100%!important;}
  .systems-grid>*,.benefit-grid>*,.industry-grid>*,.process-grid>*,.pricing-grid>*,.check-steps>*,.ki-concrete-grid>*,.loss-grid>*,.metric-grid>*,.ai-task-grid>*,.dash-grid>*,.dashboard-flow>*,.authority-grid>*,.brand-proof-grid>*,.team-grid>*,.sales-hebel-grid>*,.company-list>*,.roi-result-cards>*,.footer-grid>*,.core-grid-v63>*,.v106-local-links>*,.social-links>*,.form-grid>*{min-width:0!important;max-width:100%!important;}

  .ms-vimeo-wrap,.vimeo-wrap,.video-frame,.msh-video-card,.ms-hero-video-card-v87,.ms-story-vimeo-card,.ms-social-video-card,.ms-video-extra-card{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;touch-action:manipulation!important;}
  .ms-vimeo-wrap iframe,.vimeo-wrap iframe,.video-frame iframe{width:100%!important;height:100%!important;border:0!important;display:block!important;}
  .ms-vimeo-poster{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;}
  .ms-vimeo-poster img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}

  .ms-mobile-menu-v76,.ms-mobile-menu-v76 summary,.ms-mobile-menu-v76 .ms-mobile-menu-panel{max-width:100%!important;box-sizing:border-box!important;}
  .ms-mobile-menu-v76[open] .ms-mobile-menu-panel{left:var(--ms-v172-gutter)!important;right:var(--ms-v172-gutter)!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 112px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;}
}

@media (max-width:820px){
  body{padding-bottom:0!important;}
  .to-top{right:14px!important;bottom:14px!important;}
  .mobile-sticky-cta{display:none!important;visibility:hidden!important;pointer-events:none!important;}

  body.home .ms-mobile-hero-static{display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:18px var(--ms-v172-gutter) 24px!important;overflow:hidden!important;contain:layout paint!important;}
  body.home .ms-mobile-hero-static>*{position:relative!important;z-index:2!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  body.home .msh-kicker{width:100%!important;white-space:normal!important;line-height:1.28!important;font-size:clamp(9px,2.7vw,11px)!important;letter-spacing:.08em!important;padding:9px 10px!important;}
  body.home .msh-title{font-size:clamp(31px,10.2vw,46px)!important;line-height:.985!important;letter-spacing:-.058em!important;margin:12px 0 14px!important;overflow:visible!important;}
  body.home .msh-title .msh-line{display:block!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;}
  body.home .msh-button-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-width:100%!important;margin:0!important;}
  body.home .msh-contact-mini{font-size:10.5px!important;line-height:1.35!important;gap:4px 8px!important;overflow:visible!important;}
  body.home .msh-contact-mini a{white-space:normal!important;overflow-wrap:break-word!important;}
  body.home .msh-btn-main{width:100%!important;min-height:54px!important;padding:13px 15px!important;border-radius:999px!important;font-size:clamp(10.2px,3vw,12px)!important;line-height:1.14!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  body.home .msh-ai-stack{width:100%!important;margin-top:14px!important;}
  body.home .msh-ai-points{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
  body.home .msh-ai-points span{width:100%!important;min-width:0!important;min-height:34px!important;padding:8px 9px!important;text-align:center!important;justify-content:center!important;font-size:clamp(8.2px,2.55vw,10px)!important;line-height:1.15!important;white-space:normal!important;}
  body.home .msh-ai-points span:last-child{grid-column:1/-1!important;}
  body.home .msh-note{font-size:13px!important;line-height:1.42!important;margin:13px 0 0!important;}
  body.home .msh-video-card{width:100%!important;max-width:100%!important;margin-top:16px!important;padding:14px!important;border-radius:22px!important;display:grid!important;grid-template-columns:1fr!important;gap:11px!important;}
  body.home .msh-video-text h2{font-size:clamp(23px,7vw,34px)!important;line-height:1.03!important;letter-spacing:-.04em!important;margin:0!important;}
  body.home .msh-video-text p{font-size:13px!important;line-height:1.38!important;margin:7px 0 0!important;}

  body.home .hero{display:none!important;}

  .section{padding-top:clamp(34px,9vw,54px)!important;padding-bottom:clamp(34px,9vw,54px)!important;}
  .section-title h2,h2{font-size:clamp(28px,8.6vw,42px)!important;line-height:1.05!important;letter-spacing:-.045em!important;}
  h3{font-size:clamp(20px,5.8vw,28px)!important;line-height:1.1!important;}
  .lead,.sub,.section-title p{font-size:14.5px!important;line-height:1.5!important;}

  .systems-grid,.benefit-grid,.industry-grid,.process-grid,.pricing-grid,.check-steps,.ki-concrete-grid,.loss-grid,.metric-grid,.ai-task-grid,.dash-grid,.engine-metric-strip,.engine-pipeline-grid,.dashboard-kpi-grid,.dashboard-flow,.authority-grid,.brand-proof-grid,.team-grid,.sales-hebel-grid,.company-list,.roi-result-cards,.team-conversion-strip,.footer-grid,.v106-local-links,.v94-process,.v94-proof-grid,.v94-proof-metrics,.v94-automation-mini,.v94-form-trust,.form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important;}
  .systems-grid .system.card,.social-links a,.core-link-v63{min-width:0!important;max-width:100%!important;width:100%!important;}
  .core-grid-v63,.social-links{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important;padding-left:0!important;padding-right:0!important;scroll-snap-type:none!important;}
  .core-link-v63,.social-links a{min-height:auto!important;}

  .card,.flow-card,.social-card,.ai-card,.dashboard-card,.cta-card,.problem-card,.video-card,.ki-concrete-card,.check-card,.fit-card,.final-conversion-card,.review-story-card,.team-trust-card,.person-card,.roi-calculator,.v95-price-card,.price-card,.form-card,.legal-full{border-radius:var(--ms-v172-radius)!important;padding-left:clamp(15px,4vw,22px)!important;padding-right:clamp(15px,4vw,22px)!important;}
  .price,.roi-value,.roi-result-main b{white-space:normal!important;overflow:visible!important;}
  .price span,.price small{width:100%!important;max-width:100%!important;}

  #vorher-nachher .before-after,#rezensionen .review-video-grid,#kss-v35-books-real-thumbs-seo .kss-track{display:flex!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y pinch-zoom!important;max-width:100%!important;scrollbar-width:none!important;}
  #vorher-nachher .before-after::-webkit-scrollbar,#rezensionen .review-video-grid::-webkit-scrollbar,#kss-v35-books-real-thumbs-seo .kss-track::-webkit-scrollbar{display:none!important;}
  #vorher-nachher .compare-card,#rezensionen .story-video,#kss-v35-books-real-thumbs-seo .kss-book{flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;scroll-snap-align:start!important;}
  #vorher-nachher .compare-vs{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;}

  #kss-v35-books-real-thumbs-seo .kss-wrap{width:100%!important;max-width:100%!important;padding-left:var(--ms-v172-gutter)!important;padding-right:var(--ms-v172-gutter)!important;}
  #kss-v35-books-real-thumbs-seo .kss-book-shell,#kss-v35-books-real-thumbs-seo .kss-book,#kss-v35-books-real-thumbs-seo .kss-cover-frame,#kss-v35-books-real-thumbs-seo .kss-cover-inner{max-width:100%!important;min-width:0!important;}
  #kss-v35-books-real-thumbs-seo .kss-cover-frame{aspect-ratio:2/3!important;max-height:min(72vh,560px)!important;background:#fff!important;}
  #kss-v35-books-real-thumbs-seo .kss-cover-img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;}

  .legal-shell{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
  .legal-toc{position:relative!important;top:auto!important;max-width:100%!important;}
  .legal-link-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .legal-link-row a{width:100%!important;justify-content:center!important;}

  table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
}

@media (max-width:420px){
  :root{--ms-v172-gutter:14px;}
  body.home .msh-title{font-size:clamp(29px,9.9vw,39px)!important;line-height:1.0!important;}
  body.home .msh-ai-points{gap:7px!important;}
  body.home .msh-ai-points span{font-size:8.2px!important;padding:8px 7px!important;}
  .btn,.msh-btn-main{font-size:10.2px!important;}
  .section-title h2,h2{font-size:clamp(26px,8.2vw,36px)!important;}
}

@media (prefers-reduced-motion:reduce),(max-width:820px){
  *,*::before,*::after{scroll-behavior:auto!important;}
  .beam,.noise,.micro-grid,.engine-rings,.engine-orbit-glow,.engine-orbit-dot,.v91-ripple,.card::before,.core-services-v63::before,.legal-full::before{animation:none!important;transition:none!important;}
}

/* Runtime-Klasse aus V172-JS, falls ein Element trotz alter Regeln aus dem Viewport ragt. */
.ms-v172-overflow-fix{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;transform:none!important;left:auto!important;right:auto!important;}

.msv172-overlay{position:fixed!important;inset:0!important;z-index:2147483600!important;background:rgba(0,0,0,.94)!important;display:grid!important;place-items:center!important;padding:clamp(12px,4vw,28px)!important;}
.msv172-frame{position:relative!important;width:min(100%,980px)!important;aspect-ratio:16/9!important;background:#000!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 30px 100px rgba(0,0,0,.65)!important;}
.msv172-frame iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;display:block!important;}
.msv172-close{position:fixed!important;right:calc(14px + env(safe-area-inset-right,0px))!important;top:calc(14px + env(safe-area-inset-top,0px))!important;z-index:2147483601!important;width:46px!important;height:46px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(10,10,10,.86)!important;color:#fff!important;font-size:30px!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important;}
@media(max-width:820px){.msv172-frame{width:100%!important;max-height:78dvh!important;}.msv172-overlay{align-items:center!important;}}