
/* Nano Car: Überarbeitung der zwei Unterseiten, September 2026. */
@media screen {
  :root { --muted:#515e70; --shadow:0 18px 48px rgba(15,23,38,.10); }
  body { font-size:1rem; }
  .skip-link { position:absolute;top:-6rem;left:1rem;z-index:100000;padding:1rem;background:#fff;color:#152c64;font-weight:800; }
  .skip-link:focus { top:1rem; }
  a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible {
    outline:3px solid #1758b3;outline-offset:4px;
  }
  .hero-shell a:focus-visible,.dark-band a:focus-visible,.final-cta a:focus-visible { outline-color:#fff; }
  .menu a[aria-current=page],.mobile-list a[aria-current=page] { color:#1f3c88!important;background:#eaf2ff; }
  .mobile-panel { max-height:calc(100dvh - 5rem);overflow-y:auto;overscroll-behavior:contain; }
  .drop:focus-within .drop-panel { opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto; }
  .drop-panel a,.mobile-list a { min-height:44px; }
  .about-hero,.leasing-hero { padding-top:1.5rem; }
  .hero-shell { min-height:0;border-radius:24px;background-color:#0f1726; }
  .hero-grid { grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:2rem;padding:clamp(1.5rem,4vw,3rem);align-items:start; }
  .hero-title { font-size:clamp(2.15rem,3.8vw,3.75rem);line-height:1.13;letter-spacing:-.035em;overflow-wrap:break-word;hyphens:auto; }
  .hero-title em { display:block;margin-top:.2em; }
  .hero-kicker { font-size:.875rem;line-height:1.5;border:0;background:none;border-radius:0;padding:0;letter-spacing:.07em; }
  .hero-kicker::before { display:none; }
  .hero-text { max-width:40rem;font-size:1.0625rem;font-weight:500;line-height:1.75; }
  .hero-card { border-radius:18px;padding:1.5rem;box-shadow:none;background:#fff; }
  .hero-card h2 { font-size:1.5rem;line-height:1.25; }
  .hero-card p { font-size:1rem;line-height:1.65;font-weight:500; }
  .hero-actions { gap:.75rem;margin-top:1.75rem; }
  .btn { min-height:48px;font-size:1rem;line-height:1.4;border-radius:10px;white-space:normal;text-align:center; }
  .btn-blue { background:#205bbe; }
  .btn-blue:hover { background:#174997; }
  .info-item,.step-item { padding:.75rem 0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;gap:.75rem; }
  .info-item b,.step-item b { font-size:1rem;line-height:1.4; }
  .info-item span,.step-item span { font-size:.875rem;line-height:1.5; }
  .proof-bar { border-radius:0 0 24px 24px; }
  .proof-item { padding:1.15rem;min-height:0;gap:.65rem; }
  .proof-item b { font-size:.9375rem;line-height:1.4; }
  .proof-item span { font-size:.875rem;line-height:1.4; }
  .proof-icon { width:32px;height:32px;min-width:32px;border-radius:8px; }
  .section { padding:4.5rem 0 0; }
  .section-tight { padding-top:3.5rem; }
  .section-head { gap:2rem;align-items:start; }
  .section-title,.about-copy h2,.dark-band h2,.light-panel h2,.final-cta h2 {
    font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;letter-spacing:-.03em;overflow-wrap:break-word;hyphens:auto;
  }
  .section-text,.about-copy p,.value-card p,.service-card p,.process-card p,.light-panel p,.dark-band p,.final-cta p,.faq-item p {
    font-size:1rem;line-height:1.75;font-weight:500;
  }
  .about-list li,.check-list li,.dark-box li { font-size:1rem;line-height:1.65;font-weight:500; }
  .eyebrow { font-size:.875rem;letter-spacing:.08em; }
  .value-card,.service-card,.process-card { padding:1.5rem;border-radius:16px;box-shadow:none; }
  .service-card { display:flex;flex-direction:column;gap:0;border:1px solid #dce3ee; }
  .service-card h3,.value-card h3,.process-card h3 { font-size:1.1875rem;line-height:1.35; }
  .service-more { margin-top:auto;padding-top:1rem;font-size:.9375rem; }
  .service-icon { width:auto;height:auto;background:none;justify-content:flex-start;border-radius:0;margin-bottom:1rem; }
  .about-grid { gap:3rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .about-media { min-height:420px;border-radius:20px; }
  .about-promise { border-radius:12px; }
  .about-promise small { font-size:.875rem; }
  .dark-band,.light-panel,.final-cta,.pack { border-radius:20px;padding:clamp(1.25rem,3vw,2.5rem); }
  .split-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.5rem; }
  .dark-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
  .dark-box { border-radius:12px;padding:1.25rem; }
  .gallery-grid { gap:1rem; }
  .gallery-item { border-radius:14px; }
  .ncc-leasing-photo { margin:0 0 1.3rem; }
  .ncc-leasing-photo img { width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px; }
  .ncc-leasing-photo figcaption { color:var(--muted);font-size:.875rem;line-height:1.5;margin-top:.6rem; }
  .faq-item { border-radius:12px; }
  .faq-item summary { min-height:48px;font-size:1rem;line-height:1.55; }
  .pack label,.pack input,.pack textarea,.pack-note { font-size:1rem;line-height:1.5; }
  .pack input,.pack textarea { min-height:48px; }
  .pack input[type=checkbox] { min-height:24px;width:24px;height:24px;flex:0 0 24px; }
  .pack-check { min-height:48px; }
  .footer { margin-top:4.5rem; }
  .footer p,.footer li,.footer a,.footer small { font-size:.9375rem;line-height:1.65; }
  .ncc-check-notice { margin:1.5rem 0 0;padding:1rem 1.25rem;border-left:3px solid #2a8cff;background:#eef5ff;font-size:1rem;line-height:1.65;color:#273244; }
  #main-content section { scroll-margin-top:6rem; }
  @media(max-width:1000px) {
    .hero-grid { grid-template-columns:minmax(0,1fr); }
    .hero-text { max-width:42rem; }
    .hero-card { max-width:none; }
    .info-list,.step-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem; }
    .about-grid,.split-grid { grid-template-columns:minmax(0,1fr);gap:1.5rem; }
    .proof-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .section-head { display:block; }.section-text { margin-top:1rem;max-width:46rem; }
  }
  @media(max-width:600px) {
    .wrap { width:calc(100% - 24px); }
    .hero-grid { padding:1.5rem;gap:1.5rem; }.hero-title { font-size:2.2rem; }
    .hero-shell { border-radius:18px; }.hero-kicker { font-size:.875rem; }
    .hero-actions { flex-direction:column;align-items:stretch; }
    .hero-card { padding:1.25rem; }.info-list,.step-list { grid-template-columns:minmax(0,1fr); }
    .proof-item { padding:.9rem; }.proof-icon { display:none; }
    .section,.section-tight { padding-top:2.5rem; }
    .section-title,.about-copy h2,.dark-band h2,.light-panel h2,.final-cta h2 { font-size:1.8rem; }
    .service-grid,.value-grid,.process-grid,.dark-grid,.faq-grid,.pack-grid { grid-template-columns:minmax(0,1fr); }
    .pack-checks { grid-template-columns:minmax(0,1fr); }
    .about-media { min-height:300px; }.about-promise { max-width:calc(100% - 36px); }
    .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .final-actions .btn { flex:1 1 100%; }.brand small { font-size:.875rem; }
  }
  @media(prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important;animation:none!important; }
  }
}
@media print { .skip-link { display:none!important; } }
