/* Zentrale Mobile-Korrekturen für Landingpage, Themenseiten und Ratgeber. */
html,body{max-width:100%;overflow-x:clip}
.wrap,.hero-grid,.hero-grid>*,.grid2>*,.benefits>*,.steps>*,footer .wrap>*,.card,.prose,.cta-box,.sticky,.sticky>*{min-width:0}
.btn svg{width:20px;height:20px;flex:0 0 20px}
h1,h2,h3,p,a{overflow-wrap:break-word}

@media(max-width:819px){
  .wrap{width:100%;padding-left:18px;padding-right:18px}
  .hero .wrap{padding-left:18px;padding-right:18px}
  .cta-row>.btn{width:100%;min-height:58px;padding:15px 18px;text-align:center;white-space:normal;line-height:1.25}
  .card{padding:22px 18px}
  .cta-box{padding:28px 20px}
  .cta-box .btns{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:10px}
  .cta-box .btns>.btn{width:100%;min-height:56px;padding:13px 16px;white-space:normal;line-height:1.2}
  .sticky{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;width:100%;max-width:100vw;padding:9px 10px calc(9px + env(safe-area-inset-bottom));
    overflow:hidden;align-items:stretch
  }
  .sticky .btn{
    --pad:10px 7px;min-width:0;width:100%;min-height:58px;padding:10px 7px;
    border-radius:11px;font-size:.88rem;line-height:1.12;text-align:center;white-space:normal
  }
  .sticky .btn svg{width:20px;height:20px;flex:0 0 20px}
  .sticky .btn-call{gap:7px}
  .focus-item{grid-template-columns:37px minmax(0,1fr);gap:12px;padding-left:18px;padding-right:18px}
  .focus-index{width:35px;height:35px}
  .focus-arrow{position:absolute;top:20px;right:16px}
  .focus-copy h3{padding-right:36px}
}

@media(max-width:374px){
  .wrap,.hero .wrap{padding-left:15px;padding-right:15px}
  .sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding-left:7px;padding-right:7px}
  .sticky .btn{font-size:.81rem;padding-left:5px;padding-right:5px}
  .sticky .btn svg{width:18px;height:18px;flex-basis:18px}
}