/* motqen.autos — Kilometer mit Plan | standalone editorial stylesheet */
:root{--ink:#10233c;--navy:#0a1c33;--sky:#53bce8;--sky-2:#d9f3ff;--sand:#f6f0e4;--paper:#fffdf8;--muted:#637182;--line:#d8e2e4;--orange:#ee8059;--shadow:0 20px 55px rgba(10,28,51,.13);--font-display:'Sora',system-ui,sans-serif;--font-body:'Noto Sans',Arial,sans-serif}html[data-theme='dark']{--ink:#e8f2f6;--navy:#071321;--sky:#78d0f5;--sky-2:#12334a;--sand:#182735;--paper:#0c1b2a;--muted:#b6c5cd;--line:#294153;--shadow:0 20px 55px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.68}img{max-width:100%;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}button,input,textarea,select{font:inherit}.skip{position:absolute;left:1rem;top:-5rem;background:var(--sky);color:var(--navy);z-index:99;padding:.7rem 1rem;font-weight:800}.skip:focus{top:1rem}.wrap{max-width:1200px;margin:auto;padding-left:clamp(1.25rem,4vw,4rem);padding-right:clamp(1.25rem,4vw,4rem)}.eyebrow{display:flex;gap:.6rem;align-items:center;color:var(--sky);font:700 .72rem var(--font-display);letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'';display:block;width:25px;height:2px;background:currentColor}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.navrow{height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font:800 1.12rem var(--font-display);letter-spacing:-.06em;text-decoration:none}.wordmark b{color:var(--sky)}.desktop-nav{display:flex;align-items:center;gap:1.35rem;font-size:.82rem;font-weight:700}.desktop-nav a{text-decoration:none;position:relative}.desktop-nav a[aria-current='page']:after,.desktop-nav a:hover:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-9px;background:var(--sky)}.nav-actions{display:flex;align-items:center;gap:.45rem}.icon-btn,.menu-btn{color:var(--ink);background:transparent;border:1px solid var(--line);width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.menu-btn{display:none}.mobile-panel{display:none;border-top:1px solid var(--line);padding:1rem max(1.25rem,4vw) 1.25rem;background:var(--paper)}.mobile-panel.open{display:grid;gap:.85rem}.mobile-panel a{font-weight:750;text-decoration:none}.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;min-height:620px;isolation:isolate}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,34,.9) 5%,rgba(5,18,34,.55) 54%,rgba(5,18,34,.16));z-index:-1}.hero-inner{padding-top:94px;padding-bottom:150px;max-width:760px}.hero h1{font:800 clamp(2.75rem,6.5vw,5.7rem)/1.04 var(--font-display);letter-spacing:-.075em;margin:.85rem 0 1.35rem}.hero h1 .accent{display:block;color:var(--sky)}.lead{font-size:clamp(1rem,1.6vw,1.2rem);max-width:660px;color:#e8f5fa}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;gap:.6rem;align-items:center;justify-content:center;background:var(--sky);color:#071a2d;border:1px solid var(--sky);padding:.85rem 1.1rem;text-decoration:none;font-weight:800;font-size:.86rem;cursor:pointer}.button.ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}.hero-chapter{position:absolute;bottom:-34px;right:max(1.25rem,calc((100vw - 1200px)/2));width:min(480px,45vw);background:var(--sand);color:var(--ink);padding:1.45rem 1.7rem;box-shadow:var(--shadow);border-left:7px solid var(--sky)}.hero-chapter strong{font:800 2rem/1 var(--font-display);color:var(--sky);display:block;margin-bottom:.45rem}.hero-chapter p{font-size:.86rem;margin:0}.section{padding:clamp(4.5rem,8vw,7.5rem) 0}.section-sand{background:var(--sand)}.section-navy{background:var(--navy);color:#fff}.section h2{font:800 clamp(2rem,4vw,3.5rem)/1.1 var(--font-display);letter-spacing:-.065em;margin:.55rem 0 1.35rem;max-width:800px}.section h3{font:800 1.08rem/1.26 var(--font-display);letter-spacing:-.04em;margin:.2rem 0 .55rem}.section p{max-width:76ch}.chapter-header{display:flex;gap:2rem;align-items:end;justify-content:space-between;margin-bottom:2.3rem}.chapter-header p{margin:0;max-width:52ch;color:var(--muted)}.section-navy .chapter-header p{color:#c5d6de}.rail-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rail{min-height:190px;padding:1.1rem 1rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.rail:last-child{border:0}.rail-num{font:800 .74rem var(--font-display);color:var(--sky)}.rail p{font-size:.78rem;line-height:1.5;margin:.7rem 0 0;color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2.6rem;border-left:1px solid var(--line)}.time-step{padding:1.25rem 1.4rem 1.3rem;border:1px solid var(--line);border-left:0;background:var(--paper);min-height:190px}.time-step span{display:block;color:var(--sky);font:800 .78rem var(--font-display);margin-bottom:1.35rem}.time-step p{font-size:.85rem;line-height:1.55;margin:.4rem 0}.reportage{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5.5rem);align-items:center}.reportage.reverse{grid-template-columns:.82fr 1.18fr}.image-frame{position:relative}.image-frame img{width:100%;height:430px;object-fit:cover}.image-frame:after{content:'Stockmotiv · Orientierung, kein eigener Standort';position:absolute;bottom:0;right:0;background:var(--navy);color:#fff;font:700 .64rem var(--font-display);letter-spacing:.04em;padding:.5rem .65rem}.reportage-copy p{color:var(--muted)}.section-navy .reportage-copy p{color:#c5d6de}.note{border-left:4px solid var(--orange);padding:1rem 1.2rem;background:color-mix(in srgb,var(--orange) 9%,transparent);font-size:.9rem}.plan-bars{display:grid;gap:1.1rem;margin-top:1.8rem}.plan-bar{display:grid;grid-template-columns:150px 1fr 100px;gap:1rem;align-items:center;font-size:.82rem}.track{height:10px;background:var(--sky-2);position:relative}.track:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--fill,60%);background:var(--sky)}.vehicle-list{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:2.2rem}.vehicle{padding:1.3rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:150px}.vehicle small{color:var(--muted);font-size:.75rem}.split-article{display:grid;grid-template-columns:.78fr 1.22fr;gap:2.2rem}.side-index{border-top:2px solid var(--sky);padding-top:1rem;align-self:start;position:sticky;top:105px}.side-index a{display:block;text-decoration:none;font-size:.8rem;font-weight:800;border-bottom:1px solid var(--line);padding:.7rem 0}.article-copy>section{padding:1.25rem 0 2rem;border-top:1px solid var(--line)}.article-copy>section:first-child{border-top:0;padding-top:0}.article-copy h2{font-size:clamp(1.75rem,3vw,2.65rem)}.service-table{width:100%;border-collapse:collapse;margin:1.8rem 0;font-size:.87rem}.service-table th{text-align:left;font:800 .71rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.8rem;border-bottom:2px solid var(--sky)}.service-table td{vertical-align:top;padding:1rem .8rem;border-bottom:1px solid var(--line)}.dash{background:#0b2239;color:#e8f4fa;padding:1.5rem;margin:1.7rem 0;border:1px solid rgba(83,188,232,.35);font-family:var(--font-display)}.dash-title{display:flex;justify-content:space-between;color:#7bcdeb;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#31536b;margin-top:1rem}.dash-cell{padding:1rem;background:#0b2239;min-height:98px}.dash-cell b{display:block;color:#7ee0ff;font-size:1.5rem}.dash-cell span{font:400 .7rem var(--font-body);color:#bad0dc}.faq-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.8rem 0 1.2rem}.filter{border:1px solid var(--line);padding:.55rem .8rem;background:transparent;color:var(--ink);font-weight:750;font-size:.78rem;cursor:pointer}.filter[aria-pressed='true']{background:var(--navy);color:#fff;border-color:var(--navy)}.faq-list{display:grid;gap:.65rem}.faq-list details{border-top:1px solid var(--line);padding:.1rem 0}.faq-list summary{cursor:pointer;list-style:none;padding:1rem 2.3rem 1rem 0;font:800 1rem/1.4 var(--font-display);position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:.1rem;color:var(--sky);font-size:1.5rem;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list .answer{padding:0 0 1rem;color:var(--muted);max-width:78ch}.empty-state{border:1px dashed var(--line);padding:1.1rem;color:var(--muted);display:none}.tool{background:var(--navy);color:#fff;padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow)}.tool label{display:block;font-size:.76rem;font-weight:800;margin:1.1rem 0 .35rem}.tool input,.tool textarea,.tool select{width:100%;background:#fff;color:#10233c;border:0;padding:.7rem}.tool textarea{min-height:130px;resize:vertical}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tool .button{margin-top:1.2rem}.small{font-size:.78rem;color:var(--muted)}.section-navy .small{color:#c5d6de}.callout{border:1px solid var(--line);padding:1.4rem 1.5rem;background:var(--paper)}.callout h3{color:var(--sky)}.credits{font-size:.79rem;color:var(--muted)}.site-footer{background:#08192c;color:#d9e7ee;padding:4rem 0 1.4rem}.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .9fr;gap:2.5rem}.site-footer h2{font:800 1.1rem var(--font-display);letter-spacing:-.04em;color:#fff}.site-footer a{display:block;color:#c5d6de;margin:.45rem 0;font-size:.85rem}.foot-bottom{margin-top:3rem;padding-top:1rem;border-top:1px solid #274258;display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;color:#9bb2c1}.page-head{background:var(--sand);padding:5.5rem 0 4.2rem;border-bottom:1px solid var(--line)}.page-head h1{font:800 clamp(2.7rem,6vw,5rem)/1.04 var(--font-display);letter-spacing:-.075em;margin:.7rem 0 1rem;max-width:900px}.page-head p{max-width:730px;font-size:1.08rem;color:var(--muted)}.legal h2{font-size:1.55rem;margin-top:2.5rem}.legal p,.legal li{color:var(--muted)}.legal li{margin-bottom:.55rem}.source-list{display:grid;gap:.8rem}.source-list li{padding:.9rem;border-left:3px solid var(--sky);background:var(--sand);list-style:none}.pill{display:inline-block;border:1px solid currentColor;color:var(--sky);padding:.17rem .44rem;font:800 .64rem var(--font-display);letter-spacing:.08em;text-transform:uppercase}.focus-visible, a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:960px){.desktop-nav{display:none}.menu-btn{display:grid}.hero-chapter{right:1.25rem;width:min(500px,calc(100% - 2.5rem))}.rail-grid{grid-template-columns:repeat(3,1fr)}.rail:nth-child(3n){border-right:0}.rail:nth-child(n+4){border-top:1px solid var(--line)}.vehicle-list{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.plan-bar{grid-template-columns:120px 1fr}.plan-bar small{display:none}}@media(max-width:680px){body{font-size:15px}.hero{min-height:660px}.hero-inner{padding-top:72px;padding-bottom:160px}.hero-chapter{bottom:-55px}.hero-chapter strong{font-size:1.5rem}.chapter-header{display:block}.chapter-header p{margin-top:1rem}.rail-grid{grid-template-columns:repeat(2,1fr)}.rail:nth-child(3n){border-right:1px solid var(--line)}.rail:nth-child(2n){border-right:0}.rail:nth-child(n+3){border-top:1px solid var(--line)}.timeline,.reportage,.reportage.reverse,.split-article,.footer-grid{grid-template-columns:1fr}.timeline{border-bottom:1px solid var(--line)}.time-step{border-left:1px solid var(--line)}.image-frame img{height:290px}.vehicle-list{grid-template-columns:repeat(2,1fr)}.side-index{position:static}.service-table{display:block;overflow-x:auto}.tool-grid{grid-template-columns:1fr}.foot-bottom{display:block}.foot-bottom p{margin:.35rem 0}.plan-bar{grid-template-columns:105px 1fr;gap:.7rem}.page-head{padding:4rem 0 3.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
