/* Phone layout review 2026-10-18: compact branding, text and navigation. */
@media (max-width: 900px) {
  html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }
  body h1 { font-size: clamp(26px, 7vw, 32px) !important; line-height: 1.2 !important; }
  body h2 { font-size: clamp(22px, 6vw, 28px) !important; line-height: 1.25 !important; }
  body h3 { font-size: 20px !important; line-height: 1.35 !important; }
  body :is(h1,h2,h3) { word-break: normal !important; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; letter-spacing: normal; white-space: normal !important; }
  body :is(h1,h2,h3) :is(span,strong,em) { font-size: inherit !important; line-height: inherit !important; }
  body p { font-size: 16px !important; line-height: 1.6 !important; }
  header :is(.logo img,#logo img,.logo-dark,.logo-img,.navbar-brand img,.brand img,.main-menu__logo img,.logo-box img,.logo-outer img),
  :is(.mobile-menu .nav-logo,.mobile-nav__content .logo-box) img {
    width: auto !important; height: auto !important; max-width: min(160px, 45vw) !important; max-height: 56px !important; object-fit: contain;
  }
}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:900px){.nav-container{gap:12px;min-width:0}.logo-group{min-width:0;flex:1 1 auto}.logo-img{width:auto;max-width:160px;max-height:56px}.hamburger{flex:0 0 44px;width:44px;height:44px}.feature-box,.three-col-grid>*{min-width:0;max-width:100%}.three-col-grid{grid-template-columns:minmax(0,1fr)}.feature-box{padding:20px}.feature-box h3{font-size:18px!important;line-height:1.5!important}.feature-box h3+h3{margin-top:12px}.nav-menu a{font-size:16px;line-height:24px;padding:10px 16px;white-space:normal}.nav-menu.active{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto}.hero-text,.content-box,.price-banner{min-width:0;max-width:100%}}
@media(max-width:900px){.nav-menu > li > a{font-size:16px!important;line-height:24px!important;min-height:0;padding-top:5px!important;padding-bottom:5px!important;white-space:normal;word-break:normal;overflow-wrap:normal;box-sizing:border-box}}

@media(max-width:900px){:is(.site-logo,.logo,.logo-box,.navbar-brand,#logo,.brand,.main-menu__logo) img,.logo-default,.mobile-logo-default{width:auto!important;height:auto!important;max-width:min(160px,45vw)!important;max-height:56px!important;object-fit:contain}a[href^="http"],a[href^="mailto:"]{overflow-wrap:anywhere}header .navbar-brand{padding-top:10px!important;padding-bottom:10px!important}}

@media(max-width:900px){html body p[class]{font-size:16px!important;line-height:1.6!important}.nav-menu > li > a span{font-size:inherit!important;line-height:inherit!important}}
/* Silbentrennung bleibt aktiv (Wunsch 2026-10-18) */
@media(max-width:900px){.price-banner .section-title{-webkit-hyphens:auto!important;hyphens:auto!important;word-break:normal!important;overflow-wrap:break-word!important}}
/* Kompaktere Abstände im Hamburger-Menü (Wunsch 2026-10-18) */
@media(max-width:768px){.nav-menu{padding:6px 0!important}.nav-menu .cta-button{margin:8px 16px!important}}