/* Autohaus Mainfranken · V4 · kein externes CSS/Font-CDN */
:root{color-scheme:dark;--bg:#0a0a0b;--surface:#141416;--surface2:#1b1b1c;--gold:#d6aa4c;--gold-soft:#f1cf82;--gold-dim:#ad853f;--line:rgba(214,170,76,.22);--white:#f4f1ea;--muted:#c4c0b7;--subtle:#98938c;--radius:20px;--shadow:0 18px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}body{overflow-x:clip;margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}svg{width:20px;height:20px;flex:0 0 auto}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{color:#0a0a0b;background:var(--gold-soft)}:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:16px;background:var(--gold);color:#090909;padding:12px 18px;z-index:9999}.skip-link:focus{top:12px}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(9,9,10,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(214,170,76,.15)}.header-inner{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:170px;height:auto;max-height:98px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(16px,2.15vw,31px)}.main-nav>a{font-size:13px;letter-spacing:.015em;text-decoration:none;color:#d7d4cd;font-weight:540;transition:color .22s}.main-nav>a:hover,.main-nav>a:focus-visible{color:var(--gold-soft)}.main-nav .nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 17px;border:1px solid var(--line);border-radius:999px;color:var(--gold-soft);white-space:nowrap}.nav-cta svg{width:15px;height:15px}.nav-toggle{display:none;border:1px solid var(--line);background:#171718;border-radius:12px;width:46px;height:46px;padding:12px}.nav-toggle span{display:block;height:2px;background:var(--gold-soft);margin:5px 0;border-radius:2px}
/* Global */
.section{padding:clamp(76px,9vw,120px) 0}.section-label{display:flex;align-items:center;gap:12px;color:var(--gold-soft);font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.section-label:before{content:"";width:22px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.11}h2{font-size:clamp(33px,4.2vw,56px);font-weight:760;margin-bottom:22px}h3{letter-spacing:-.025em}.text-gold,.highlight-word{color:var(--gold-soft)}.section-heading{max-width:770px;margin-bottom:42px}.section-heading p{max-width:620px;color:var(--muted);font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 24px;text-decoration:none;font-size:14px;font-weight:735;border-radius:999px;border:1px solid transparent;text-align:center;transition:transform .26s ease,box-shadow .26s ease,background .26s ease,color .26s ease,border-color .26s ease;white-space:normal}.btn svg{width:17px;height:17px}.btn-gold{background:linear-gradient(120deg,#d8ae57,#f2d58e);color:#11100d;box-shadow:0 8px 24px rgba(214,170,76,.14)}.btn-outline{background:rgba(255,255,255,.025);border-color:rgba(214,170,76,.42);color:var(--white)}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--gold-soft);text-decoration:none;font-size:14px;font-weight:730}.text-link svg{width:17px;height:17px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 43%,rgba(188,141,58,.14),transparent 44%),linear-gradient(120deg,#09090a 30%,#11100f 100%)}.hero:after{content:"";position:absolute;inset:auto -18% -28% 25%;height:330px;background:linear-gradient(105deg,transparent,rgba(166,121,44,.14),transparent);transform:rotate(-13deg);pointer-events:none}.hero-grid{min-height:590px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:22px;position:relative;z-index:1}.hero-copy{padding:62px 0 40px}.eyebrow{color:var(--gold-soft);font-weight:750;letter-spacing:.16em;font-size:12px;display:flex;align-items:center;gap:12px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(48px,5.3vw,72px);line-height:1.10;font-weight:800;max-width:700px;letter-spacing:-.055em;margin:25px 0 25px}.highlight-word{display:block}.hero-copy>p{font-size:clamp(16px,1.5vw,19px);color:var(--muted);line-height:1.8;max-width:610px;margin-bottom:0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.hero-sub-link{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--subtle);font-size:13px;margin-top:22px;text-decoration:none}.hero-sub-link strong{display:inline-flex;gap:5px;align-items:center;color:var(--gold-soft);font-weight:620}.hero-sub-link svg{width:14px;height:14px}.hero-sub-link:hover strong{text-decoration:underline}.hero-visual{height:390px;position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}.visual-ring{position:absolute;border-radius:50%;border:1px solid rgba(214,170,76,.17);transform:rotate(-18deg)}.ring-one{width:360px;height:300px}.ring-two{width:435px;height:360px;border-color:rgba(214,170,76,.075)}.visual-sheen{position:absolute;inset:17% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(188,132,38,.12),transparent 62%);filter:blur(10px)}.hero-car{position:relative;width:min(100%,520px);height:auto;color:#b98d43;filter:drop-shadow(0 18px 25px rgba(0,0,0,.35));transform:translateY(10px)}.visual-note{position:absolute;bottom:35px;color:#b99b63;font-size:10px;font-weight:720;letter-spacing:.26em;display:flex;align-items:center;gap:9px}.note-dot{height:5px;width:5px;background:var(--gold);border-radius:50%}.hero-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(214,170,76,.12);padding:22px 0;color:var(--subtle);font-size:11px;font-weight:650;letter-spacing:.10em}.hero-bottom a{text-decoration:none;color:var(--gold-soft);display:inline-flex;align-items:center;gap:9px}.hero-bottom a span{font-size:18px}.dotsep{color:var(--gold-dim);padding:0 6px}
/* About */
.about{background:#0d0d0e}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,110px)}.about-copy{padding-top:36px}.about-copy p{font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:20px}.about-copy .text-link{margin-top:10px}
/* Services */
.services-section{background:#141416;border-top:1px solid rgba(214,170,76,.09);border-bottom:1px solid rgba(214,170,76,.09)}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card{border:1px solid rgba(214,170,76,.18);border-radius:var(--radius);padding:25px 23px 27px;min-height:270px;background:linear-gradient(145deg,#1b1b1d,#171719);box-shadow:var(--shadow);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease}.service-icon{width:75px;height:75px;margin-bottom:14px;display:flex;align-items:center;justify-content:flex-start}.service-icon img{display:block;object-fit:contain;width:66px;height:66px;transition:transform .35s ease,filter .35s ease}.service-card h3{font-size:19px;line-height:1.28;color:var(--gold-soft);margin-bottom:12px;font-weight:760;letter-spacing:-.025em}.service-card p{font-size:14px;line-height:1.72;color:#d0ccc2;margin-bottom:0}
/* Vehicles */
.vehicles-section{padding:75px 0;background:#0d0d0e}.vehicles-panel{border-radius:26px;border:1px solid rgba(214,170,76,.34);padding:clamp(30px,6vw,64px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 35%,rgba(214,170,76,.11),transparent 52%),linear-gradient(110deg,#1c1b19,#141416);display:grid;grid-template-columns:1.3fr .7fr;align-items:center;min-height:340px}.vehicles-panel h2{font-size:clamp(30px,3.5vw,48px);max-width:650px}.vehicles-panel p{color:var(--muted);max-width:590px;margin-bottom:27px}.vehicles-decor{position:relative;display:grid;place-items:center;height:220px;color:rgba(214,170,76,.17)}.vehicles-decor span{font-size:clamp(100px,15vw,200px);font-weight:800;font-style:italic;letter-spacing:-.10em}.vehicles-decor-line{position:absolute;height:1px;width:115%;background:linear-gradient(90deg,transparent,rgba(214,170,76,.28),transparent);transform:rotate(-16deg)}
/* Benefits */
.benefits-section{background:#0b0b0c}.benefits-section .section-heading{max-width:920px}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card{padding:30px 30px 34px;border:1px solid rgba(214,170,76,.18);border-radius:var(--radius);background:linear-gradient(150deg,#19191a,#111113);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.benefit-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.benefit-number{font-size:12px;letter-spacing:.16em;color:var(--gold-soft);font-weight:780}.benefit-symbol{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:rgba(214,170,76,.09);color:var(--gold-soft);transition:transform .35s ease,background .35s ease}.benefit-symbol svg{width:26px;height:26px}.benefit-card h3{color:var(--white);font-size:23px;margin-bottom:15px}.benefit-card p{color:var(--muted);line-height:1.83;font-size:14.5px;margin-bottom:0}
/* Form */
.inquiry-section{border-block:1px solid rgba(214,170,76,.13);background:radial-gradient(ellipse at 10% 30%,rgba(214,170,76,.09),transparent 48%),#121213}.inquiry-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(38px,7vw,96px);align-items:start}.inquiry-intro{padding-top:25px}.inquiry-intro h2{max-width:530px}.inquiry-intro>p{color:var(--muted);font-size:17px;max-width:440px;line-height:1.85}.inquiry-features{display:grid;gap:15px;margin-top:37px}.inquiry-features span{display:flex;align-items:center;gap:12px;color:#e0dcd3;font-size:14px}.inquiry-features svg{height:16px;width:16px;color:var(--gold-soft)}.contact-form{border:1px solid rgba(214,170,76,.27);border-radius:24px;background:linear-gradient(160deg,#1b1b1c,#121213);padding:clamp(22px,3.1vw,38px);box-shadow:0 28px 70px rgba(0,0,0,.28)}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.form-heading span{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--gold-soft)}.form-heading p{font-size:12px;color:var(--subtle);margin:0}.field{margin-bottom:20px}.field label{display:block;color:#e6d9b7;font-weight:680;font-size:13px;margin-bottom:8px}.optional{color:var(--subtle);font-weight:460}.field input,.field select,.field textarea{display:block;width:100%;background:#111112;border:1px solid rgba(214,170,76,.27);color:var(--white);border-radius:11px;min-height:48px;padding:12px 15px;transition:box-shadow .22s ease,border-color .22s ease,background .22s ease}.field input::placeholder,.field textarea::placeholder{color:#8e8b85}.field textarea{min-height:120px;resize:vertical}.field select{appearance:auto}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,170,76,.12);background:#141415}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-hint{color:#b9b4a9;font-size:12px;margin:-4px 0 22px}.contact-hint strong{color:#e5ddc9}.form-error{font-size:12px;color:#ffbbb1;border-left:2px solid #ff897c;padding:4px 10px;margin-top:-15px;margin-bottom:19px}.form-error[hidden]{display:none}.field [aria-invalid=true]{border-color:#d67365}.privacy-check{display:flex;align-items:flex-start;gap:12px;margin:8px 0 14px;font-size:12px;color:#d4cfc5;line-height:1.6;cursor:pointer}.privacy-check input{margin:3px 0 0;width:17px;height:17px;accent-color:var(--gold);flex:0 0 auto}.privacy-check a,.form-fallback a{color:var(--gold-soft);text-underline-offset:3px}.form-note,.form-fallback{color:var(--subtle);font-size:12px;line-height:1.7;margin:0 0 18px}.form-fallback{margin:17px 0 0}.submit-button{max-width:100%}.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* FAQ */
.faq-section{background:#0b0b0c}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(40px,7vw,90px)}.faq-intro>p{color:var(--muted);font-size:16px;line-height:1.8}.faq-contact-box{margin-top:36px;padding:24px;background:#161617;border-radius:var(--radius);border:1px solid var(--line)}.faq-contact-box h3{font-size:17px;margin-bottom:9px}.faq-contact-box p{color:var(--muted);font-size:14px;margin-bottom:18px}.faq-item{border-radius:14px;border:1px solid rgba(214,170,76,.20);margin-bottom:11px;background:#171718;overflow:hidden;transition:border-color .25s ease,background .25s ease}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;color:#e9dec6;font-weight:690;font-size:15px;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-toggle{width:28px;height:28px;display:grid;place-items:center;position:relative;border-radius:50%;border:1px solid rgba(214,170,76,.30);color:var(--gold-soft);flex:none}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;background:currentColor;border-radius:2px}.faq-toggle:before{width:12px;height:1.6px}.faq-toggle:after{width:1.6px;height:12px;transition:transform .25s ease,opacity .25s ease}.faq-item[open] .faq-toggle:after{transform:rotate(90deg);opacity:0}.faq-answer{padding:0 22px 20px}.faq-answer p{color:var(--muted);font-size:14px;line-height:1.85;margin:0}.faq-item[open] .faq-answer{animation:faq-open .28s ease-out}.faq-item[open]{background:#1b1b1b;border-color:rgba(214,170,76,.47)}@keyframes faq-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
/* Location */
.location-section{border-top:1px solid rgba(214,170,76,.09);background:radial-gradient(ellipse at 55% 0%,rgba(214,170,76,.07),transparent 40%),#121213}.location-heading{max-width:760px;margin-bottom:38px}.location-heading>p{color:var(--muted);font-size:17px}.location-panel{border:1px solid rgba(214,170,76,.26);border-radius:25px;padding:clamp(26px,4.6vw,54px);background:linear-gradient(125deg,#1d1d1e,#161617)}.location-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.location-item{display:flex;align-items:flex-start;gap:20px}.location-item>svg{height:23px;width:23px;color:var(--gold-soft);margin-top:3px}.location-item strong{display:block;color:var(--white);font-size:16px;margin-bottom:9px}.location-item p{color:var(--muted);font-size:14px;line-height:1.85;margin:0}.location-item a{font-size:15px;overflow-wrap:anywhere;text-decoration:none;color:#dfd8c9;transition:color .2s}.location-item a:hover{color:var(--gold-soft)}.location-separator{height:1px;background:rgba(214,170,76,.20);margin:32px 0}.location-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px}.social-note{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--subtle);font-size:14px;margin-top:24px}.social-note a{color:var(--gold-soft);display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:650}.social-note svg{height:18px;width:18px}.social-note a:hover{text-decoration:underline;text-underline-offset:4px}
/* Footer */
.site-footer{background:#09090a;border-top:1px solid rgba(214,170,76,.15)}.footer-main{min-height:175px;display:flex;align-items:center;gap:42px}.footer-brand img{display:block;width:137px;height:auto}.footer-slogan{font-size:22px;font-weight:750;letter-spacing:-.035em}.footer-slogan span{display:block;color:var(--subtle);font-weight:470;font-size:12px;letter-spacing:.02em;margin-top:4px}.footer-social{display:flex;gap:10px;margin-left:auto}.footer-social a{display:grid;place-items:center;height:42px;width:42px;border:1px solid var(--line);border-radius:50%;color:var(--gold-soft);text-decoration:none;transition:background .25s,border-color .25s,transform .25s}.footer-social svg{height:19px;width:19px}.footer-bottom{border-top:1px solid rgba(214,170,76,.13);padding:21px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#9d9992;font-size:12px}.footer-bottom nav{display:flex;gap:24px;flex-wrap:wrap}.footer-bottom a{color:#bcb5a9;text-decoration:none}.footer-bottom a:hover{color:var(--gold-soft)}
/* Legal and thank you pages */
.legal-page{min-height:calc(100vh - 160px);padding:76px 0 100px;background:#101011}.legal-header{margin-bottom:32px}.legal-header h1{font-size:clamp(36px,5vw,58px);margin:12px 0}.back-link{color:var(--gold-soft);text-decoration:none;font-size:14px}.legal-box{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,42px);background:#f9f8f5;color:#1b1b1c;overflow-wrap:anywhere}.legal-box a{color:#755318}.legal-fallback{font-size:13px;margin:24px 0 0;color:#4c4943}.legal-fallback a{text-decoration:underline}.thankyou-card{max-width:760px}.thankyou-card h1{color:var(--white)}.thankyou-card p{color:var(--muted);font-size:17px}.thankyou-card .btn{margin-top:18px}
/* Motion, hover and accessible focus */
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-3px)}.btn-gold:hover{background:linear-gradient(120deg,#e6bd69,#ffe4a1);box-shadow:0 13px 35px rgba(214,170,76,.25)}.btn-outline:hover{background:rgba(214,170,76,.10);border-color:var(--gold);box-shadow:0 9px 27px rgba(214,170,76,.10)}.service-card:hover,.benefit-card:hover{transform:translateY(-6px);border-color:rgba(214,170,76,.65);box-shadow:0 25px 44px rgba(0,0,0,.4),0 0 22px rgba(214,170,76,.08)}.service-card:hover .service-icon img{transform:scale(1.10);filter:drop-shadow(0 3px 12px rgba(214,170,76,.26))}.benefit-card:hover .benefit-symbol{transform:scale(1.08);background:rgba(214,170,76,.15)}.faq-item:hover{border-color:rgba(214,170,76,.48)}.footer-social a:hover{background:rgba(214,170,76,.13);border-color:var(--gold);transform:translateY(-3px)}}
@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .66s ease,transform .66s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.js .reveal-left{transform:translateX(-24px)}.js .reveal-right{transform:translateX(24px)}.js .reveal.is-visible{opacity:1;transform:none}.hero-copy.reveal{opacity:1!important;transform:none!important}}
/* Responsive */
@media(max-width:1100px){.main-nav{gap:13px}.brand img{width:144px}.hero-grid{grid-template-columns:1fr .83fr}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:245px}.inquiry-grid{gap:36px}.faq-layout{gap:38px}}
@media(max-width:800px){.header-inner{height:84px}.brand img{width:142px;max-height:77px}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:84px;left:20px;right:20px;background:#171719;border:1px solid var(--line);border-radius:17px;padding:16px 18px 20px;box-shadow:0 22px 60px rgba(0,0,0,.5);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav>a{padding:12px 8px;font-size:15px}.main-nav .nav-cta{justify-content:center;margin-top:9px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:79px 0 30px}.hero h1{max-width:690px}.hero-visual{height:240px;margin-top:-15px}.hero-car{width:min(100%,420px)}.visual-note{bottom:15px}.ring-one{width:270px;height:220px}.ring-two{width:340px;height:270px}.section-grid,.inquiry-grid,.faq-layout{grid-template-columns:1fr}.about-copy,.inquiry-intro{padding-top:0}.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:0}.faq-contact-box{max-width:420px}.vehicles-panel{grid-template-columns:1fr}.vehicles-decor{position:absolute;right:0;bottom:0;opacity:.4}.vehicles-panel>div:first-child{position:relative;z-index:1}}
@media(max-width:560px){.container{width:min(100% - 34px,1180px)}.section{padding:72px 0}.section-label{font-size:10px}.hero-copy{padding:69px 0 20px}.hero h1{font-size:clamp(43px,11vw,57px);margin:24px 0}.hero-copy>p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr;max-width:410px}.hero-actions .btn{width:100%}.hero-visual{height:180px}.ring-one{width:220px;height:165px}.ring-two{width:260px;height:200px}.hero-car{width:min(100%,320px)}.visual-note{bottom:0;font-size:8px}.hero-bottom{padding:17px 0}.hero-bottom>span{font-size:9px;max-width:200px}.services-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:22px}.service-icon{height:67px;margin-bottom:9px}.service-icon img{width:59px;height:59px}.benefit-card{padding:26px}.form-cols,.location-row{grid-template-columns:1fr}.contact-form{padding:23px 19px}.form-heading{align-items:flex-start;flex-direction:column;gap:4px}.location-row{gap:25px}.location-panel{padding:28px 23px}.location-actions{display:grid}.location-actions .btn{width:100%}.footer-main{min-height:unset;padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand img{width:123px}.footer-slogan{font-size:18px;text-align:right}.footer-social{margin:0;grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom nav{gap:16px}.vehicles-panel{padding:34px 24px}.vehicles-decor{right:-35px;bottom:-60px}.faq-item summary{padding:18px 16px;font-size:14px}.faq-answer{padding:0 16px 19px}.location-heading>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}


/* ==== AUTOHAUS MAINFRANKEN / V5 — EXKLUSIVES, KLARES REDESIGN ==== */
:root {
  --bg: #080808;
  --surface: #131313;
  --surface2: #1b1a18;
  --gold: #d6aa4c;
  --gold-soft: #efcf86;
  --gold-dim: #a98648;
  --white: #f5f2ec;
  --muted: #c6c0b5;
  --subtle: #989084;
  --radius: 17px;
  --line: rgba(214,170,76,.22);
  --shadow: 0 18px 42px rgba(0,0,0,.25);
}
body { font-family: Arial, Helvetica, sans-serif; background:var(--bg); font-weight:400; letter-spacing:normal; }
h1, h2, h3 { letter-spacing:-.035em; }
h2 {font-size:clamp(32px,3.8vw,51px);line-height:1.16;font-weight:750;}
.site-header { background:rgba(8,8,8,.97);backdrop-filter:blur(12px);}
.header-inner { height:98px; }
.brand img { width:190px; max-height:94px; }
.main-nav>a { font-size:14px; font-weight:500; }
.main-nav .nav-cta {border-color:rgba(214,170,76,.42)}
.section-label { letter-spacing:.13em; }
.btn {border-radius:100px;font-size:14px;font-weight:700;}
.btn-gold { background:linear-gradient(110deg,#d9ac56,#ebcd82);box-shadow:0 7px 22px rgba(214,170,76,.09); }

/* Hero: remove cartoon car and orbit illustration entirely. Use restrained logo-led brand panel. */
.hero { background: radial-gradient(ellipse at 82% 45%,rgba(191,142,53,.10),transparent 48%),linear-gradient(110deg,#080808 35%,#13100b 100%); }
.hero::after { height:225px;opacity:.47; }
.hero-grid { min-height:580px; grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr); gap:5.5vw; }
.hero-copy {padding:78px 0 70px;}
.hero h1 { font-size:clamp(49px,5vw,66px);font-weight:750;letter-spacing:-.045em;line-height:1.14;max-width:640px;margin:24px 0 26px; }
.hero-copy>p {font-size:clamp(16px,1.4vw,18px);line-height:1.8;max-width:580px;}
.hero-actions { margin-top:32px; }
.hero-signature { position:relative; height:372px; padding:30px 28px 23px; border:1px solid rgba(214,170,76,.23); background:linear-gradient(135deg,rgba(214,170,76,.08),rgba(255,255,255,.018) 43%,rgba(0,0,0,.10)),#10100f; border-radius:5px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden;box-shadow:0 26px 58px rgba(0,0,0,.28); }
.hero-signature::before {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 30%,rgba(214,170,76,.05) 62%,transparent 73%);}
.hero-signature-edge {position:absolute;top:0;left:0;width:84px;height:2px;background:var(--gold);}
.hero-signature-head,.hero-signature-foot {position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b49b6b;font-size:10px;letter-spacing:.17em;font-weight:700;}
.hero-signature-head span:last-child {color:#817b70;}
.hero-signature-center { display:grid;place-items:center;flex:1;position:relative;z-index:1; }
.hero-signature-center img { width:min(90%,345px);height:auto;opacity:.9;filter:drop-shadow(0 14px 24px rgba(0,0,0,.45)); }
.hero-signature-foot {border-top:1px solid rgba(214,170,76,.15);padding-top:16px;justify-content:flex-start;gap:22px;font-size:9px;white-space:nowrap;color:#aaa399;}
.hero-bottom {padding:20px 0;}

/* Service cards / value cards: clean, quiet, consistent visual system. */
.services-section {background:#111111;}
.service-card {background:#181818;border:1px solid rgba(214,170,76,.19);border-radius:16px;box-shadow:0 11px 24px rgba(0,0,0,.18);min-height:252px;}
.service-icon {height:66px;width:72px;margin-bottom:15px;}
.service-icon img {height:62px;width:62px;}
.service-card h3 {font-weight:700;font-size:19px;}
.service-card p {color:#cecac1;line-height:1.75;font-size:14.5px;}

/* vehicle inventory area uses the actual logo AM symbol (image), not a typed faux monogram. */
.vehicles-section {background:#0a0a0a;padding:83px 0;}
.vehicles-panel { min-height:340px; grid-template-columns:1.17fr .83fr; border-radius:18px;padding:clamp(32px,5.4vw,64px);background:linear-gradient(100deg,#181715,#111111 65%,#17140f);border:1px solid rgba(214,170,76,.32); }
.vehicles-panel>div:first-child{z-index:2;position:relative;}
.vehicles-panel h2 {font-size:clamp(31px,3.25vw,45px);line-height:1.18;}
.stock-brand {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:230px;border-left:1px solid rgba(214,170,76,.17);padding-left:32px;isolation:isolate;}
.stock-brand::before {content:"";position:absolute;inset:10% 5% 15%;z-index:-1;background:radial-gradient(ellipse,rgba(214,170,76,.10),transparent 68%);}
.stock-brand-mark {width:min(100%,360px);height:auto;opacity:.34;filter:saturate(.8);}
.stock-brand>span {font-size:10px;letter-spacing:.2em;font-weight:700;color:#bba571;}
.stock-brand-lines {position:absolute;inset:12px 0 0 0;border-top:1px solid rgba(214,170,76,.12);border-bottom:1px solid rgba(214,170,76,.12);transform:skewY(-9deg);pointer-events:none;opacity:.7;}

.benefits-section {background:#0a0a0a;}
.benefit-card {background:linear-gradient(135deg,#191919,#131313);border-radius:16px;}
.benefit-card p {line-height:1.78;}
.inquiry-section {background:linear-gradient(115deg,#151310,#0a0a0a 67%);}
.faq-section {background:#0c0c0c;}
.location-section {background:#111111;}
.location-panel {background:linear-gradient(125deg,#1a1a1a,#141414);border-radius:18px;}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .hero-signature {transition:border-color .25s ease,box-shadow .25s ease;}
  .hero-signature:hover {border-color:rgba(214,170,76,.45);box-shadow:0 30px 65px rgba(0,0,0,.38);}
  .service-card:hover,.benefit-card:hover {transform:translateY(-4px);box-shadow:0 22px 35px rgba(0,0,0,.33),0 0 20px rgba(214,170,76,.045);}
}
@media (max-width:1100px){.brand img{width:168px;}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:26px}.hero-signature{height:335px;}}
@media (max-width:800px){
  .header-inner{height:86px}.brand img{width:151px;max-height:82px}.main-nav{top:86px}
  .hero-grid{grid-template-columns:1fr;gap:0;}
  .hero-copy{padding:70px 0 36px;}
  .hero h1{font-size:clamp(44px,8vw,60px);}
  .hero-signature{height:250px;max-width:600px;margin:4px 0 48px;}
  .hero-signature-center img{width:min(80%,275px);}
  .hero-signature-foot{justify-content:space-between;}
  .vehicles-panel{grid-template-columns:1fr;}
  .stock-brand{border-left:0;border-top:1px solid rgba(214,170,76,.12);height:160px;padding:16px 0 0;margin-top:29px;}
  .stock-brand-mark{width:240px;}
}
@media (max-width:560px){
  .container{width:min(100% - 34px,1180px)}
  .header-inner{height:79px}.brand img{width:140px;max-height:76px}.main-nav{top:79px;}
  .hero-copy{padding:64px 0 24px;}
  .hero h1{font-size:clamp(39px,10.4vw,54px);margin:22px 0;line-height:1.15;}
  .hero-signature{height:204px;padding:19px 18px 15px;margin-bottom:32px;}
  .hero-signature-center img{width:195px;}
  .hero-signature-head,.hero-signature-foot{font-size:8px;letter-spacing:.12em;gap:8px;}
  .vehicles-panel{padding:33px 24px;}
  .stock-brand{margin-top:22px;height:130px;}
  .stock-brand-mark{width:185px;}
  .stock-brand>span{font-size:8px;}
  .service-card{min-height:0;}
}


/* ===== Finale Version: authentischer F82 als ruhiges Hero-Hintergrundmotiv ===== */
/* Fahrzeug ist ausschließlich dekorativ; keine Drittanbieter-Anfragen. */
.hero {
  position:relative;
  isolation:isolate;
  background:#090909;
  overflow:hidden;
}
.hero::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-image:url("img/bmw-f82-hintergrund.webp");
  background-position:right 46%;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:.64;
  pointer-events:none;
}
.hero::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  height:auto;
  transform:none;
  background:linear-gradient(90deg, #080808 0%, rgba(8,8,8,.97) 25%, rgba(8,8,8,.75) 45%,rgba(8,8,8,.30) 76%,rgba(8,8,8,.12) 100%),
             linear-gradient(0deg, #080808 0%, transparent 33%, rgba(8,8,8,.08) 100%);
  opacity:1;
  pointer-events:none;
}
.hero-grid {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:580px;
  grid-template-columns:none;
  position:relative;
  z-index:1;
  gap:0;
}
.hero-copy {
  width:min(100%,630px);
  padding:87px 0 83px;
  position:relative;
  z-index:2;
}
.hero-bottom {position:relative;z-index:2;}
@media(max-width:1100px){
  .hero-grid{display:flex;min-height:550px;grid-template-columns:none;gap:0;}
  .hero::before{background-position:64% center;opacity:.59;}
  .hero::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.96) 27%,rgba(8,8,8,.66) 60%,rgba(8,8,8,.18) 100%),linear-gradient(0deg,#080808,transparent 40%);}
}
@media(max-width:800px){
  .hero-grid{display:flex;min-height:540px;grid-template-columns:none;}
  .hero-copy{width:100%;padding:74px 0 75px;}
  .hero::before{background-size:auto 100%;background-position:62% center;opacity:.40;}
  .hero::after{background:linear-gradient(90deg,rgba(8,8,8,.86),rgba(8,8,8,.68)),linear-gradient(0deg,#080808,transparent 45%);}
}
@media(max-width:560px){
  .hero-grid{min-height:575px;}
  .hero-copy{padding:72px 0 68px;}
  .hero::before{background-size:auto 100%;background-position:65% center;opacity:.37;}
  .hero::after{background:linear-gradient(90deg,rgba(8,8,8,.83),rgba(8,8,8,.55)),linear-gradient(0deg,#080808 0%,transparent 50%);}
}


/* Dezenter, unmittelbar sichtbarer Hinweis zum KI-Symbolbild im Hero */
.hero-ai-note {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 20px;
  max-width: 445px;
  margin: 0;
  padding: 5px 8px 5px 12px;
  border-left: 2px solid rgba(214, 170, 76, .55);
  background: rgba(8, 8, 8, .48);
  color: #d0ccc4;
  font-size: 12px;
  line-height: 1.55;
  letter-spacing: .012em;
  text-shadow: 0 1px 3px #000;
}
@media (max-width: 800px) {
  .hero-ai-note {left: 0; right: auto; bottom: 16px; max-width: 100%;}
  .hero-copy {padding-bottom: 108px;}
}
@media (max-width: 560px) {
  .hero-ai-note {bottom: 13px; font-size: 12px;}
  .hero-copy {padding-bottom: 115px;}
}