
:root{--nh-yellow:#ffbf20}
body{background:#f5f7fb}
.nh-top{background:#07162b!important;border-bottom:1px solid #2b4563!important}
.nh-logo{font-size:clamp(16px,2.1vw,29px);font-weight:1000;letter-spacing:-.06em;color:white;transform:skew(-8deg);display:inline-block;text-shadow:2px 3px 0 #000;line-height:1}
.nh-logo span{color:#ffbf20}.nh-logo small{font-size:.54em;color:white;letter-spacing:0}
.nh-top nav a{color:#f2f6ff!important}.nh-top .secure{color:#dbe9f9!important}
.hero{position:relative!important;isolation:isolate;overflow:hidden!important;min-height:610px!important;background:#071b33!important}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071528 0%,#071528 27%,rgba(7,21,40,.95) 42%,rgba(7,21,40,.20) 75%),url('/neufahrzeughelden-hero.png') center 47%/cover no-repeat;z-index:-1}
.heroInner{max-width:1250px!important;margin:auto!important;padding:95px 36px 105px!important;position:relative;z-index:1}
.hero h1{font-size:clamp(49px,6.2vw,94px)!important;line-height:.96!important;letter-spacing:-.065em!important;max-width:760px!important;color:#fff!important;text-shadow:0 5px 25px #06111b}
.hero h1 em{font-style:normal!important;color:#ffbf20!important}
.hero p{max-width:590px!important;color:#f3f6fb!important;font-size:clamp(17px,1.5vw,22px)!important;line-height:1.5!important}
.hero .eyebrow{color:#ffd66c!important;font-weight:800!important;letter-spacing:.09em!important}
.nh-offer{display:table;margin:20px 0 22px;padding:12px 20px;background:#ffbf20;color:#101b2a;border-radius:12px;font-size:20px;font-weight:1000;box-shadow:0 12px 28px #0005}
.nh-offer strong{font-size:35px}.nh-offer small{display:block;font-size:11px;font-weight:600}
.heroCta{background:#ffbf20!important;color:#071528!important;box-shadow:0 9px 28px #0005!important;font-weight:900!important}
.hero .proof{color:white!important}.hero .proof span{color:white!important}
@media(max-width:750px){.hero{min-height:660px!important}.hero:before{background:linear-gradient(180deg,rgba(7,21,40,.72),#071528 74%),url('/neufahrzeughelden-hero.png') 68% top/auto 75% no-repeat}.heroInner{padding:230px 20px 55px!important}.hero h1{font-size:48px!important}.nh-top nav{flex-wrap:wrap}.nh-offer{font-size:17px}.nh-offer strong{font-size:29px}}
@media(prefers-reduced-motion:no-preference){.nh-offer{animation:nhFloat 4s ease-in-out infinite}@keyframes nhFloat{50%{transform:translateY(-5px)}}}
/* Neufahrzeughelden – Layoutkorrektur 09.10.2026: klare Bildaufteilung, keine Überlagerungen */
.hero{min-height:650px!important;overflow:hidden!important;background:#09223d!important;isolation:isolate}
.hero::after{content:none!important;display:none!important}
.hero::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,#09213b 0%,#09213b 25%,rgba(9,33,59,.97) 36%,rgba(9,33,59,.74) 49%,rgba(9,33,59,.05) 68%,rgba(9,33,59,0) 100%),url('/neufahrzeughelden-hero.png') right 43%/auto 112% no-repeat!important}
.heroInner{max-width:1400px!important;padding:90px 46px 90px!important;min-height:650px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-size:clamp(48px,5.3vw,78px)!important;line-height:1.03!important;max-width:720px!important;margin:20px 0 22px!important;letter-spacing:-.055em!important}
.hero p{font-size:clamp(17px,1.25vw,20px)!important;max-width:580px!important;margin:0 0 14px!important;line-height:1.5!important}
.hero .eyebrow{max-width:620px;line-height:1.6}
.nh-offer{margin:16px 0 10px!important;padding:12px 18px!important;font-size:18px!important;box-shadow:0 9px 24px rgba(0,0,0,.18)!important}
.nh-offer strong{font-size:31px!important}
.hero .proof{margin:14px 0 20px!important;gap:16px!important;max-width:660px}
.heroCta{padding:17px 24px!important}
.finder{margin:0 auto 70px!important;border-radius:0 0 24px 24px!important;position:relative!important;z-index:2!important}
.nh-top{min-height:78px!important}
@media(min-width:1600px){.hero::before{background:linear-gradient(90deg,#09213b 0%,#09213b 24%,rgba(9,33,59,.94) 38%,rgba(9,33,59,.50) 53%,transparent 75%),url('/neufahrzeughelden-hero.png') right 43%/auto 116% no-repeat!important}}
@media(max-width:1000px){.hero::before{background:linear-gradient(90deg,#09213b 0%,rgba(9,33,59,.96) 38%,rgba(9,33,59,.30) 85%),url('/neufahrzeughelden-hero.png') 72% center/auto 100% no-repeat!important}.heroInner{padding:70px 30px!important}.hero h1{font-size:clamp(44px,7vw,65px)!important}}
@media(max-width:700px){.hero{min-height:0!important}.hero::before{background:linear-gradient(180deg,rgba(9,33,59,.12) 0%,rgba(9,33,59,.20) 28%,#09213b 55%,#09213b 100%),url('/neufahrzeughelden-hero.png') 68% top/auto 380px no-repeat!important}.heroInner{min-height:0!important;padding:315px 20px 48px!important;display:block!important}.hero h1{font-size:clamp(40px,10vw,55px)!important}.hero p{font-size:17px!important}.hero .proof{gap:10px!important}.nh-offer{max-width:100%;font-size:15px!important}.nh-offer strong{font-size:27px!important}.finder{margin:0 10px 45px!important;border-radius:18px!important}.nh-top{padding:15px 18px!important}}

/* Clean hero: standalone visual, no baked-in interface copy */
.hero{background:#0a2038!important;min-height:610px!important;overflow:hidden!important;isolation:isolate!important}
.hero::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,#0a2038 0%,#0a2038 29%,rgba(10,32,56,.96) 40%,rgba(10,32,56,.58) 57%,rgba(10,32,56,.04) 78%),url('/nh-action-clean.webp') right center/auto 100% no-repeat!important}
.hero::after{display:none!important;content:none!important}
.heroInner{position:relative!important;z-index:1!important;max-width:1400px!important;min-height:610px!important;padding:65px 42px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
.hero h1{font-size:clamp(43px,5vw,76px)!important;max-width:670px!important;line-height:1.03!important;margin:14px 0 22px!important}
.hero p{max-width:545px!important}
.finder{margin-top:0!important;position:relative!important;z-index:2!important}
@media(min-width:1450px){.hero::before{background:linear-gradient(90deg,#0a2038 0%,#0a2038 30%,rgba(10,32,56,.94) 43%,rgba(10,32,56,.2) 66%,transparent 85%),url('/nh-action-clean.webp') right center/auto 110% no-repeat!important}}
@media(max-width:900px){.hero::before{background:linear-gradient(90deg,#0a2038 0%,rgba(10,32,56,.96) 46%,rgba(10,32,56,.4) 100%),url('/nh-action-clean.webp') right center/auto 100% no-repeat!important}.heroInner{padding:55px 25px!important}}
@media(max-width:650px){.hero{min-height:0!important}.hero::before{background:linear-gradient(180deg,rgba(10,32,56,.05) 0%,rgba(10,32,56,.3) 35%,#0a2038 66%),url('/nh-action-clean.webp') right top/auto 320px no-repeat!important}.heroInner{min-height:0!important;padding:280px 20px 48px!important}.hero h1{font-size:clamp(39px,10vw,52px)!important}.finder{margin-top:0!important}}

/* NH 10.10: Hersteller vollständig anzeigen – 6 / 3 / 2 Karten, ohne Anschnitt */
#finder .brandSlider{display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;align-items:center!important;gap:18px!important;width:100%!important}
#finder .brandViewport{overflow:visible!important;min-width:0!important;width:100%!important;margin:0!important;padding:5px 0!important}
#finder .brandGrid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;width:100%!important;transform:none!important}
#finder .brandTile{width:100%!important;min-width:0!important;flex:none!important;padding:14px 7px!important;min-height:172px!important;overflow:hidden!important}
#finder .brandTile strong{overflow-wrap:anywhere!important}
#finder .brandLogoPlate{max-width:100%!important;width:100%!important;height:65px!important}
#finder .brandArrow{position:static!important;transform:none!important;flex-shrink:0!important;width:44px!important;height:44px!important}
#finder .brandArrow:disabled{opacity:.28!important;cursor:default!important}
#finder .brandArrow:disabled:hover{background:#151b21!important;border-color:#39434d!important}
@media(max-width:1000px){#finder .brandGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#finder .brandSlider{gap:10px!important}}
@media(max-width:650px){#finder .brandGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#finder .brandSlider{grid-template-columns:32px minmax(0,1fr) 32px!important;gap:6px!important}#finder .brandArrow{width:32px!important;height:38px!important}#finder .brandTile{padding:11px 5px!important;min-height:155px!important}#finder .brandLogoPlate{height:58px!important}}
