/* Gemeinsame mobile Schutzschicht für alle GetJarvis-Seiten. */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,iframe{max-width:100%}
input,select,textarea,button{max-width:100%}
h1,h2,h3,p,a,span{overflow-wrap:break-word}
.table-wrap,.comparison-table,.table-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:768px){
  body{-webkit-text-size-adjust:100%}
  main{max-width:100%}
  input,select,textarea{font-size:16px!important}
  button,[role="button"]{min-height:44px}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  pre,code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
  .modal,.modal-box,.dl-modal,#gj-sheet{max-width:calc(100vw - 24px)!important;margin-left:auto!important;margin-right:auto!important}
  .hero-actions,.cta-actions,.btn-row,.button-row{flex-wrap:wrap!important;justify-content:center!important}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .kpi-grid,.steps-grid,.process-grid,.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .charts-grid,.split-grid,.form-grid,.vs-row{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 18px!important}
  .footer-wordmark span{font-size:clamp(48px,18vw,100px)!important;letter-spacing:-2px!important}
  #gj-chat-win{right:12px!important;bottom:96px!important;width:min(360px,calc(100vw - 24px))!important}
  #gj-chat-btn{right:16px!important;bottom:18px!important;width:56px!important;height:56px!important}
  #gj-chat-label{right:12px!important;bottom:84px!important}
}

@media(max-width:520px){
  main h1,.hero h1{font-size:clamp(32px,11vw,48px)!important;line-height:1.08!important;letter-spacing:-1.4px!important}
  main h2,.hero h2{line-height:1.16!important}
  .content,.container,.article-wrap,.page,.section{padding-left:16px!important;padding-right:16px!important}
  .hero{padding-left:16px!important;padding-right:16px!important}
  .stats-grid,.kpi-grid,.steps-grid,.process-grid,.benefits-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
  footer,.gj-footer{padding-left:16px!important;padding-right:16px!important}
  .footer-wordmark,.gj-footer .footer-wordmark{width:calc(100% + 32px)!important;margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}
  main .hero-actions .btn-primary,main .hero-actions .btn-secondary,main .cta-actions .btn-primary,main .cta-actions .btn-secondary,
  main .cta-box .btn-primary,main .cta-box .btn-secondary,main .cta-box .btn-white,main .cta-box .btn-cta,
  main .cta .btn-primary,main .cta .btn-secondary,main .checkout-btn{width:100%;justify-content:center;text-align:center}
  .cta-box{padding-left:18px!important;padding-right:18px!important}
  .gj-checkout-rating-copy{font-size:10px!important}
  #cc-btns{display:grid!important;grid-template-columns:1fr 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
}
