:root{--midnight:#070B1C;--navy:#0E1533;--electric:#2F6BFF;--electric-lt:#6E9BFF;--silver:#D5DCE8;--slate:#8894AC;--paper:#F6F8FC;--ink:#0B1026;--line:rgba(110,155,255,.42);--display:'Chakra Petch',sans-serif;--text:'DM Sans',Arial,sans-serif;--radius:10px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--midnight);color:var(--silver);font:400 16px/1.65 var(--text);overflow-wrap:break-word}img{display:block;max-width:100%;height:auto}a{color:var(--electric-lt);text-underline-offset:.22em}a:hover{color:white}button,input,textarea{font:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #ffdb66;outline-offset:4px}.skip-link{position:absolute;z-index:10;top:-8rem;left:1rem;background:var(--paper);color:var(--ink);padding:.7rem 1rem}.skip-link:focus{top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{min-height:82px;padding:.85rem clamp(1rem,4vw,3.5rem);display:flex;align-items:center;gap:clamp(.7rem,2vw,2rem);border-bottom:1px solid var(--line);background:var(--midnight);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:.7rem;color:var(--silver);text-decoration:none;font:700 1.1rem var(--display);letter-spacing:.04em;white-space:nowrap}.brand svg{width:42px;color:var(--electric-lt)}.brand small{display:block;font:500 .58rem var(--display);letter-spacing:.14em;color:var(--slate)}.brand-dot{color:var(--electric-lt)}.nav{display:flex;align-items:center;gap:clamp(.7rem,1.6vw,1.5rem);margin-left:auto}.nav a,.header-phone{color:var(--silver);text-decoration:none;font-size:.92rem}.nav a:hover,.header-phone:hover{color:var(--electric-lt)}body[data-page="start"] .nav a[data-nav="start"],body[data-page="leistungen"] .nav a[data-nav="leistungen"],body[data-page="fahrzeugdiagnose"] .nav a[data-nav="fahrzeugdiagnose"],body[data-page="ueber-uns"] .nav a[data-nav="ueber-uns"],body[data-page="kontakt"] .nav a[data-nav="kontakt"]{color:var(--electric-lt)}.header-phone{font-weight:700;white-space:nowrap}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--silver);padding:.45rem .7rem}.page-main{min-height:55vh}.hero-bento,.page-intro,.section,.cta-band{max-width:var(--max);margin-inline:auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,3rem)}.hero-bento{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;background-image:linear-gradient(rgba(47,107,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,107,255,.055) 1px,transparent 1px);background-size:32px 32px}.hero-copy,.hero-image,.mini-card,.tile,.signal-diagram,.contact-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--navy);padding:clamp(1.15rem,3vw,2.5rem)}.hero-copy{grid-column:1;grid-row:1}.hero-image{grid-column:2;grid-row:1 / span 2;align-self:stretch;padding:0;overflow:hidden}.hero-image img{width:100%;height:100%;min-height:360px;object-fit:cover}.hero-image figcaption,figcaption{font-size:.8rem;color:var(--slate);padding:.7rem 1rem}.mini-card{padding:1.1rem}.mini-card span,.tile-index,.eyebrow{font:500 .72rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--electric-lt)}.mini-card strong{display:block;color:white;font:600 1.3rem var(--display)}.mini-card p{margin:.3rem 0 0;color:var(--slate);font-size:.92rem}.eyebrow{margin:0 0 .7rem}h1,h2,h3{font-family:var(--display);line-height:1.15;color:white;margin:.15em 0 .55em}h1{font-size:clamp(2.35rem,5.5vw,4.4rem);letter-spacing:-.035em;max-width:14ch}h2{font-size:clamp(1.7rem,3.3vw,2.6rem)}h3{font-size:1.28rem}p{margin:.6rem 0 1rem}.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:74ch;color:#e2e8f3}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.72rem 1.1rem;border:1px solid var(--electric);border-radius:var(--radius);font-weight:700;text-decoration:none;cursor:pointer}.btn-primary{background:var(--electric);color:#fff}.btn-primary:hover{background:#2458d7;color:white}.btn-outline{background:transparent;color:var(--silver);border-color:var(--electric-lt)}.btn-outline:hover{background:var(--navy);color:white}.section-light{max-width:none;background:var(--paper);color:var(--ink);padding-inline:max(clamp(1rem,4vw,3rem),calc((100% - var(--max))/2))}.section-light h2,.section-light h3{color:var(--ink)}.section-light .eyebrow{color:#194ec4}.section-light a{color:#174fc9}.section-heading{max-width:760px;margin-bottom:2rem}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{min-height:220px}.tile-large{grid-column:span 2;grid-row:span 2}.tile h2,.tile h3{margin:.35rem 0}.tile p{color:var(--slate)}.tile a{font-weight:700}.section-light .tile{background:white;border-color:#b9c8e5}.section-light .tile p{color:#3f4c62}.signal-section,.split,.atmosphere{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}.signal-diagram{width:100%;height:auto;padding:1rem}.section-light figure,.atmosphere figure,.detail-figure{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.section-light figure img,.atmosphere figure img,.detail-figure img{width:100%;height:auto}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps article{border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}.steps b{font:600 2rem var(--display);color:var(--electric-lt)}.steps p{color:var(--slate)}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-block:1px solid var(--line);margin-block:2rem}.page-intro{padding-top:clamp(2.2rem,5vw,4.5rem)}.page-intro>h1{margin-bottom:1.2rem}.page-intro>h2,.page-intro>p,.page-intro>ul,.page-intro>.detail-figure{max-width:850px}.page-intro h2{margin-top:2.2rem}.page-intro .services{max-width:none;margin-top:2rem}.page-intro .process{padding-inline:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.contact-card address{font-style:normal;font-size:1.2rem}.phone-large{font:600 clamp(1.3rem,2.5vw,2rem) var(--display);color:white}.contact-form{display:grid;gap:.55rem}.contact-form label{font-weight:600}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid #8593ad;border-radius:6px;background:white;color:var(--ink);padding:.7rem}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid var(--electric);outline-offset:1px}.checkbox{display:flex;align-items:flex-start;gap:.7rem;margin:.7rem 0}.checkbox input{margin-top:.4rem;flex:none}.field-error{margin:0;color:#ffb3b3;font-size:.9rem}.form-status{min-height:1.5rem}.consent-banner{position:fixed;z-index:9;inset:auto 1rem 1rem;background:var(--paper);color:var(--ink);padding:1rem;border:1px solid var(--electric);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:1rem}.consent-banner[hidden]{display:none}.setting-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:1rem 0}.setting-row small{display:block;color:var(--slate)}.site-footer{background:#050815;border-top:1px solid var(--line);padding:2.5rem clamp(1rem,4vw,3.5rem) 1rem}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-grid h2{font-size:1rem;letter-spacing:.08em}.footer-grid a{display:block;margin:.35rem 0}.footer-brand{font:700 1.4rem var(--display);color:white;text-decoration:none}.image-disclaimer,.footer-bottom{max-width:var(--max);margin:1.5rem auto;color:var(--slate);font-size:.82rem}.footer-bottom{border-top:1px solid rgba(136,148,172,.25);padding-top:1rem;display:flex;justify-content:space-between;gap:1rem}.page-intro ul{padding-left:1.3rem}.page-intro li{margin:.5rem 0}
@media(max-width:900px){.site-header{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.header-phone{order:2}.nav{order:3;flex-basis:100%;margin:0;padding:.7rem 0 0;flex-direction:column;align-items:flex-start}.js .nav{display:none}.js .nav.is-open{display:flex}.nav a{padding:.25rem 0}.hero-bento{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1}.hero-image{grid-column:1/-1;grid-row:auto}.mini-card{min-height:145px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{font-size:16px}.site-header{gap:.6rem}.header-phone{font-size:.85rem}.brand{font-size:.95rem}.brand svg{width:34px}.hero-bento{grid-template-columns:1fr;padding-inline:1rem}.hero-copy,.hero-image,.mini-card{grid-column:1;grid-row:auto}.hero-image img{min-height:230px;max-height:320px}.bento{grid-template-columns:1fr}.tile-large{grid-column:auto;grid-row:auto}.signal-section,.split,.atmosphere,.contact-grid{grid-template-columns:1fr}.signal-diagram{min-width:0}.signal-diagram text{font-size:12px}.steps{grid-template-columns:1fr 1fr}.cta-band{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.consent-banner{inset:auto .5rem .5rem;display:block}.consent-banner>*{margin:.4rem}.page-intro{padding-inline:1rem}.section-light{padding-inline:1rem}}
@media(max-width:360px){.header-phone{font-size:.75rem}.steps,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.brand small{font-size:.5rem}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}