/* Auftrag 07: responsive layout scale; colors and typography family remain in design-tokens.css. */
:root{--nf-width:1480px;--nf-reading:65ch;--nf-body-size:clamp(1rem,.84rem + .2vw,1.125rem);--nf-h1:clamp(2.25rem,1.15rem + 2.8vw,4.25rem);--nf-h2:clamp(1.75rem,1rem + 1.65vw,2.875rem);--nf-h3:clamp(1.2rem,1rem + .4vw,1.5rem);--nf-section:clamp(44px,5vw,88px);--nf-gap:clamp(20px,2.2vw,36px);--nf-card-padding:clamp(24px,2.5vw,40px);--nf-gutter:clamp(20px,3vw,40px);--nf-anchor-gap:126px}
.nf-site{font-size:var(--nf-body-size)}.nf-home-wide{max-width:1560px}
.nf-home-wide>.nf-section,.nf-home-wide>.nf-trust,.nf-home-wide>.nf-cta,.nf-home-wide>p{max-width:1400px;margin-inline:auto}
.nf-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);padding:clamp(36px,4vw,72px) 0;align-items:center}
.nf-site .nf-hero h1{font-size:var(--nf-h1);max-width:17ch;line-height:1.07;letter-spacing:-.04em}
.nf-lead,.nf-intro,.nf-hero .nf-lead{font-size:clamp(1.0625rem,.85rem + .35vw,1.3125rem);line-height:1.65;max-width:var(--nf-reading)}
.nf-hero-subline{font-size:clamp(1.375rem,1rem + 1vw,2rem)}.nf-hero-copy .nf-lead{max-width:45ch}
.nf-formwrap{padding:clamp(24px,2.5vw,40px)}.nf-form-heading h2{font-size:clamp(1.625rem,1rem + 1vw,2rem)}
.nf-site .nf-section{padding-block:var(--nf-section)}.home .nf-section h2,.nf-site h2{font-size:var(--nf-h2);max-width:29ch}
.nf-site p,.nf-card p,.nf-prose p,.nf-steps p,.nf-location p{font-size:var(--nf-body-size)}
.nf-site .nf-eyebrow{font-size:var(--nf-small)}.nf-site .nf-form-privacy,.nf-site .nf-form-bottom,.nf-site .nf-service-note,.nf-site .nf-service-location{font-size:var(--nf-small)}
.nf-site .nf-hero-subline{font-size:clamp(1.375rem,1rem + 1vw,2rem)}
.nf-site .nf-lead,.nf-site .nf-intro{font-size:clamp(1.0625rem,.85rem + .35vw,1.3125rem)}
.home #direkter-ankauf{max-width:1400px;display:grid;grid-template-columns:.9fr 1.1fr;column-gap:clamp(32px,5vw,88px);padding-bottom:36px}
.home #direkter-ankauf>.nf-eyebrow{grid-column:1}.home #direkter-ankauf>h2{grid-column:1;grid-row:2/4}
.home #direkter-ankauf>.nf-intro{grid-column:2;grid-row:1/3}.home #direkter-ankauf>p:not(.nf-eyebrow):not(.nf-intro){grid-column:2}
.home #direkter-ankauf .nf-core-message{font-size:1.2rem;font-weight:700;max-width:42ch}
.home #vorteile{padding-top:24px}.home #vorteile>h2{font-size:clamp(1.5rem,2vw,2rem)}
.home #vorteile .nf-card{background:var(--nf-transparent);border:0;border-top:2px solid var(--nf-border-subtle);border-radius:0;padding:24px 0 0}
.home #vorteile .nf-number{border:0;justify-content:flex-start;font-size:1rem}
.home #vorteile h3{font-size:var(--nf-h3)}
.nf-service-grid,.nf-service-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nf-gap)}
.nf-service-image{aspect-ratio:8/5;overflow:hidden}.nf-service-image img{transition:transform .2s ease}
.nf-service-card:hover .nf-service-image img{transform:scale(1.025)}
.nf-service-copy,.nf-service-grid-home .nf-service-copy{padding:clamp(24px,2vw,32px);gap:14px}
.nf-site .nf-service-copy h2,.nf-site .nf-service-copy h3,.nf-site .nf-service-grid-home h3{font-size:clamp(1.375rem,1rem + .65vw,1.75rem);max-width:none}
.nf-service-copy p{max-width:55ch}.nf-service-label{left:24px;bottom:24px;padding:8px 14px}
.home #fahrzeuge,.home #bewertung{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px)}
.home #fahrzeuge>.nf-photo{margin-right:0}.home .nf-image-copy p{max-width:65ch}
.home #schaeden{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0 48px}
.home #schaeden>.nf-eyebrow{grid-column:1}.home #schaeden>h2{grid-column:1;grid-row:2}
.home #schaeden>.nf-photo{grid-column:1;grid-row:3}.home #schaeden>.nf-grid{grid-column:2;grid-row:1/4}
.home #schaeden .nf-card h3{font-size:var(--nf-h3)}.home #schaeden .nf-card a{display:inline-block;margin-top:12px;font-weight:700}
.home #schaeden .nf-section-link{grid-column:1/-1;max-width:65ch}
.nf-steps{column-gap:clamp(36px,5vw,88px)}.nf-steps article{padding-bottom:18px;border-bottom:1px solid var(--nf-border-subtle)}
.nf-steps h3{font-size:var(--nf-h3)}
.nf-prose{max-width:var(--nf-reading);margin-inline:auto}.nf-prose h2{font-size:var(--nf-h2)}
.nf-pagehero{max-width:1100px;padding-block:clamp(36px,5vw,80px)}
.nf-service-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(32px,4vw,64px) 0 var(--nf-section)}
.nf-service-hero h1{font-size:var(--nf-h1);max-width:18ch;line-height:1.08}
.nf-service-hero .nf-button{margin-top:12px}.nf-service-location{margin-top:18px!important;color:var(--nf-text-muted)}
.nf-service-visual{margin:0;min-width:0}.nf-service-visual img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:var(--nf-radius)}
.nf-service-visual figcaption{font-size:.8125rem;line-height:1.5;color:var(--nf-text-muted);margin-top:12px;max-width:62ch}
.nf-detail-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);padding:var(--nf-section) 0;border-top:1px solid var(--nf-border-subtle)}
.nf-detail-section h2{max-width:22ch}.nf-detail-copy{min-width:0;max-width:65ch}.nf-detail-copy p:last-child{margin-bottom:0}
.nf-detail-copy li{margin-bottom:16px;line-height:1.7}.nf-detail-copy ul,.nf-detail-copy ol{padding-left:24px}
.nf-case-list{margin:0 0 24px}.nf-case-list>div{padding:22px 0;border-bottom:1px solid var(--nf-border-subtle)}.nf-case-list>div:first-child{padding-top:0}
.nf-case-list dt{font-size:var(--nf-h3);font-weight:700;color:var(--nf-brand);margin-bottom:10px}.nf-case-list dd{margin:0;line-height:1.7}
.nf-overview>.nf-prose{max-width:65ch}.nf-overview>.nf-specialist-teaser{max-width:none;display:grid;grid-template-columns:.9fr 1.1fr;gap:0 48px;border-top:1px solid var(--nf-border-subtle);padding-top:32px}
.nf-specialist-teaser h2{grid-row:1/3;font-size:clamp(1.5rem,2vw,2rem)}.nf-specialist-teaser p{grid-column:2;max-width:65ch}
.nf-site .nf-faq summary{font-size:clamp(1rem,.85rem + .25vw,1.125rem)}
#header [data-row]>div{min-height:106px!important}#header [data-row]{--height:106px!important}
#header .ct-container,#footer [data-row]>div{max-width:1480px;width:calc(100% - 2 * var(--nf-gutter));margin-inline:auto}
html{scroll-padding-top:0}.nf-site [id],.nf-site .nf-section[id],.nf-site .nf-prose[id]{scroll-margin-top:var(--nf-anchor-gap)}
.admin-bar{--nf-anchor-gap:160px}
@media(min-width:1440px){#header [data-device=desktop] nav[data-id=menu]>.menu>li>a{font-size:1rem!important;padding-inline:10px!important}}
@media(max-width:1279px){#header [data-row]>div{min-height:88px!important}#header [data-row]{--height:88px!important}#header [data-device=mobile] .nf-logo-frame{width:160px;height:71px;margin-block:8px}#header [data-device=mobile] .nf-logo-frame img{width:214.71px!important;left:-27.43px;top:-45.37px}:root{--nf-anchor-gap:108px}.admin-bar{--nf-anchor-gap:142px}}
@media(max-width:800px){.nf-hero,.nf-service-hero,.nf-detail-section,.home #direkter-ankauf,.home #schaeden,.home #fahrzeuge,.home #bewertung{display:block}.nf-hero h1,.nf-site .nf-hero h1,.nf-service-hero h1{max-width:none}.nf-hero .nf-formwrap{margin-top:28px}.nf-service-visual{margin-top:28px}.nf-detail-section h2{margin-bottom:24px;max-width:none}.nf-detail-copy{max-width:none}.home #direkter-ankauf .nf-intro{margin-top:24px}.nf-service-hero{padding-bottom:40px}.nf-specialist-teaser,.nf-overview>.nf-specialist-teaser{display:block}.nf-service-label{left:16px;bottom:16px}.nf-formwrap{padding:24px 20px}.nf-site .nf-form-heading h2{font-size:1.625rem}.admin-bar{--nf-anchor-gap:154px}}
@media(max-width:600px){.nf-service-grid,.nf-service-grid-home{grid-template-columns:1fr}.nf-site .nf-hero-actions .nf-button{display:inline-flex;margin-top:6px}.nf-service-hero .nf-button{width:100%}.nf-service-copy,.nf-service-grid-home .nf-service-copy{padding:22px}.nf-hero .nf-hero-actions .nf-button{display:none}}
@media(prefers-reduced-motion:reduce){.nf-service-image img{transition:none}.nf-service-card:hover .nf-service-image img{transform:none}}
#footer .nf-footer-logo{display:inline-block;min-height:0;padding:10px;background:var(--nf-surface);border-radius:8px;margin-bottom:14px}
#footer .nf-footer-logo>span{display:block;position:relative;overflow:hidden;width:190px;height:84px}
#footer .nf-footer-logo img{position:absolute;width:254.97px!important;max-width:none!important;height:auto!important;left:-32.57px;top:-53.88px}