/* Neufahrzeughelden – mobile-only layout refinements, 2026-10-10 */
html,body{max-width:100%;overflow-x:clip}
img,video,iframe{max-width:100%}
@media(max-width:900px){
 .nh-top{min-height:70px!important;gap:12px!important;flex-wrap:wrap!important;padding:12px 18px!important}
 .nh-top .nh-brand{min-width:0!important;flex:1 1 auto!important}
 .nh-top .nh-logo{font-size:clamp(17px,3.7vw,29px)!important;white-space:nowrap!important}
 .nh-top .secure{font-size:11px!important}
 .heroInner{width:100%!important}
 .sectionHead{gap:14px!important;align-items:start!important;flex-direction:column!important}
 .sectionHead h2{line-height:1.08!important}
 .sectionHead p{max-width:100%!important;margin:0!important}
 .explain{padding:0 22px!important;margin-bottom:54px!important}
 .explainGrid{grid-template-columns:1fr!important;gap:15px!important}
 .explain h2{font-size:clamp(30px,6vw,43px)!important;line-height:1.12!important}
 .explain p{font-size:16px!important}
 .nhLegalFooter{flex-wrap:wrap!important;gap:12px!important;text-align:center!important;justify-content:center!important;padding:24px 16px!important}
 .nhLegalFooter nav{justify-content:center!important;flex-wrap:wrap!important}
 .modal{padding:10px!important}
 .modalPanel{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:16px!important}
 .modalTop{padding:25px 22px!important}
 .modalBody{padding:22px!important}
 .modalTop h2{font-size:clamp(25px,6vw,35px)!important;line-height:1.13!important}
 .fields{grid-template-columns:1fr!important}
 .formActions{flex-wrap:wrap!important}
 .formActions button{min-height:44px!important}
 .modelPanel{max-height:calc(100dvh - 20px)!important}
 .modelModalHead{gap:12px!important;flex-wrap:wrap!important}
 .modelSearchRow{flex-wrap:wrap!important}
 .modelSearchRow label{min-width:0!important;flex:1 1 180px!important}
 .xonlineShell{width:100%!important;max-width:100%!important;overflow:hidden!important}
}
@media(max-width:650px){
 .nh-top{justify-content:space-between!important;gap:8px!important}
 .nh-top .nh-brand{flex:1 1 100%!important;text-align:center!important}
 .nh-top .nh-logo{font-size:clamp(20px,6vw,29px)!important}
 .nh-top nav{flex:1 1 auto!important;justify-content:flex-start!important}
 .nh-top .secure{white-space:normal!important;text-align:right!important;font-size:10px!important}
 .hero{min-height:0!important}
 .heroInner{padding:265px 19px 40px!important}
 .hero h1{font-size:clamp(36px,10vw,51px)!important;line-height:1.02!important;overflow-wrap:break-word!important}
 .hero p{font-size:15px!important;line-height:1.5!important}
 .hero .eyebrow{font-size:9px!important;line-height:1.5!important}
 .hero .proof{display:flex!important;gap:9px 15px!important;margin:18px 0!important}
 .hero .proof span{font-size:11px!important}
 .heroCta{max-width:100%!important;min-height:46px!important;justify-content:center!important;padding:13px 15px!important;text-align:center!important;font-size:13px!important}
 .nh-offer{padding:12px!important;max-width:100%!important}
 #finder.finderDark{margin:22px 10px 42px!important;padding:26px 12px 32px!important;border-radius:18px!important}
 #finder .sectionHead{padding:0 3px!important}
 #finder .sectionHead h2{font-size:clamp(29px,8vw,39px)!important;margin:9px 0!important}
 #finder .sectionHead p{font-size:12px!important;line-height:1.55!important}
 #finder .brandSlider{margin-top:22px!important;grid-template-columns:28px minmax(0,1fr) 28px!important;gap:5px!important}
 #finder .brandGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #finder .brandTile{min-height:145px!important;padding:9px 4px!important}
 #finder .brandLogoPlate{height:54px!important}
 #finder .brandTile strong{font-size:12px!important}
 #finder .brandArrow{width:28px!important;height:38px!important;min-width:0!important}
 .explain{padding:0 18px!important}
 .explain li{font-size:14px!important;line-height:1.4!important}
 #shortTermModal .modalTop{padding:22px 20px 145px!important;min-height:0!important}
 #shortTermModal .modalTop::after{right:4px!important;bottom:0!important;height:145px!important;width:165px!important;background-size:auto 155px!important;opacity:.9!important}
 #shortTermModal .modalTop h2{font-size:27px!important;max-width:100%!important}
 #shortTermModal .modalTop p{font-size:13px!important;line-height:1.5!important}
 .modalClose{right:10px!important;top:10px!important;width:40px!important;height:40px!important}
 .modalBody{padding:18px 16px!important}
 .popupModelGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .popupModelCard{min-width:0!important}
 .xonlineStage{padding:25px 10px!important}
 .xonlineHead h2{font-size:clamp(27px,7vw,38px)!important}
 .xonlineActions{flex-wrap:wrap!important}
 .xonlineActions>*{min-width:0!important;flex:1 1 140px!important}
}
@media(max-width:380px){
 .nh-top .nh-logo{font-size:19px!important}
 #finder.finderDark{margin-left:6px!important;margin-right:6px!important;padding-left:8px!important;padding-right:8px!important}
 #finder .brandGrid{gap:6px!important}
 #finder .brandTile{padding:8px 3px!important}
 .popupModelGrid{grid-template-columns:1fr!important}
}

/* Mobile: Hero-Ueberschrift unter dem Fahrzeugbild tiefer positionieren */
@media(max-width:650px){.heroInner>h1{margin-top:76px!important}}