/* ===== Mobile — Typo, Titles, Footer ===== */
@media(max-width:767px){
  body{
    font-size:18px !important;
    font-weight:500 !important;
    line-height:1.62 !important;
  }

  /* Fließtexte */
  .sec-sub,
  p.sec-sub,
  .hero-sub,
  .lead-sub,
  .offer-copy p,
  .curtain-left .offer-copy p,
  .faq-a p,
  .pstep p,
  .compare-hint,
  .hero-hint,
  .price-note,
  .showcase-modal-desc,
  .footer-brand p,
  .footer-col ul,
  .footer-contact,
  .imprint p,
  .check,
  .offer-bullets li,
  .curtain-left .offer-bullets li,
  .price-feats li{
    font-size:19px !important;
    font-weight:500 !important;
    line-height:1.58 !important;
  }

  /* Nur Wort-Spans in Fließtext — nicht auf h1/h2 mit .w */
  .hero-sub .w,
  .offer-copy p .w,
  .offer-bullets li .w,
  .sec-sub .w{
    font-size:inherit !important;
    font-weight:inherit !important;
  }

  .hero-sub b,
  .offer-copy p b,
  .hero-sub strong,
  .offer-copy p strong{
    font-weight:700 !important;
  }

  .compare-hint,
  .hero-hint{
    font-size:16px !important;
  }

  .footer-brand p,
  .footer-col ul,
  .footer-contact,
  .imprint p,
  .check{
    font-size:17px !important;
  }

  /* Sans-Serif-Überschriften */
  .sec-title,
  .process-head .sec-title,
  .offer-copy h2,
  .offer-title,
  .offer-title-words{
    font-size:clamp(38px, 9.5vw, 72px) !important;
    font-weight:700 !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
  }

  .offer-title-accent{
    font-size:clamp(28px, 7.5vw, 50px) !important;
    font-weight:700 !important;
    line-height:1.08 !important;
  }

  .hero h1{
    font-size:clamp(52px, 11.5vw, 128px) !important;
  }

  .lead-title{
    font-size:clamp(32px, 8.2vw, 42px) !important;
    font-weight:700 !important;
  }

  .pstep h3{
    font-size:clamp(26px, 6.8vw, 30px) !important;
    font-weight:700 !important;
  }

  .faq-q{
    font-size:clamp(20px, 5.2vw, 22px) !important;
    font-weight:700 !important;
  }

  /* Footer: Navigation ausblenden, Brand-Text volle Breite */
  .footer-col--nav{
    display:none !important;
  }

  .footer-brand{
    grid-column:1 / -1;
  }

  .footer-brand p{
    max-width:none !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:36px !important;
    margin-bottom:48px !important;
  }

  .footer-col h4{
    margin-bottom:18px !important;
  }

  .footer-contact{
    gap:12px !important;
  }

  .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:18px !important;
    padding-top:24px !important;
    font-size:15px !important;
    line-height:1.5 !important;
  }

  .footer-bottom-left{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    width:100%;
  }

  .footer-pexels{
    display:block;
    max-width:100%;
  }

  .footer-pexels-link{
    word-break:break-word;
  }
}