/*
Theme Name: AutoDealDirekt
Description: Eigenständiges Block-Theme für persönlichen Fahrzeugankauf. Vollständig mit Gutenberg und dem Website-Editor bearbeitbar.
Version: 1.2.3
Author: ConCuServ
Text Domain: autodealdirekt
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
*/
:root{--add-gold:#c9a84c;--add-ink:#080a0e;--add-muted:#b0b5be;--add-border:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{text-underline-offset:4px}img{max-width:100%;height:auto}mark{color:var(--add-gold)}:focus-visible{outline:3px solid #e8c96a;outline-offset:5px}::selection{background:#c9a84c;color:#080a0e}.wp-site-blocks>.wp-block-template-part,.wp-site-blocks>.add-main,.add-main>.wp-block-post-content{margin-block-start:0}.add-container{max-width:1180px;margin-inline:auto;padding-inline:30px}.add-section{padding:100px 0;margin:0}.add-section h2{font-size:clamp(2rem,4vw,3.6rem);max-width:800px;margin:0 0 24px}.add-section h3{font-size:clamp(1.2rem,2vw,1.6rem)}.add-section p{color:var(--add-muted)}.add-section p.add-eyebrow{color:var(--add-gold)}.add-eyebrow{display:flex;align-items:center;gap:15px;font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;margin-bottom:24px}.add-eyebrow:before{content:"";width:32px;height:1px;background:var(--add-gold);flex-shrink:0}.add-header{background:rgba(8,10,14,.96);border-bottom:1px solid var(--add-border)}.wp-site-blocks>header{position:sticky;top:0;z-index:90}.admin-bar .wp-site-blocks>header{top:32px}.add-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.add-logo{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.045em;margin:0;line-height:1.2;white-space:nowrap}.add-logo a{color:white;text-decoration:none}.add-logo span{color:var(--add-gold)}.add-header-actions{display:flex;align-items:center;gap:38px;margin:0}.add-header nav{font-size:.86rem;color:#bdc1c7}.add-header nav a{text-decoration:none}.add-header nav a:hover{color:var(--add-gold)}.add-header .wp-block-navigation__container{gap:28px}.add-header .wp-block-buttons{margin:0}.add-header .wp-block-button__link{font-size:.79rem;padding:10px 22px}.add-hero{position:relative;isolation:isolate;min-height:780px;display:flex;align-items:center;margin:0;background:#0c131c url(assets/images/hero.jpg) center/cover no-repeat}.add-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,9,.88),rgba(3,6,9,.53) 47%,rgba(3,6,9,.12)),linear-gradient(0deg,#080a0e,transparent 24%);z-index:-1}.add-hero-content{width:100%;padding-top:92px;padding-bottom:92px}.add-hero .add-eyebrow{color:var(--add-gold)}.add-hero h1{font-size:clamp(3.3rem,6.5vw,6.2rem);line-height:1.02;letter-spacing:-.055em;max-width:790px;margin:0 0 32px;font-weight:800}.add-hero-copy{max-width:485px;font-size:1.02rem;color:#c5c9cf;line-height:1.85}.add-hero-actions{display:flex;gap:30px;align-items:center;margin-top:36px;margin-bottom:32px}.add-hero-actions p{font-size:.85rem;margin:0}.add-hero-actions a{color:white;text-decoration:none}.wp-block-button__link{font-size:.88rem;transition:background .2s,transform .2s}.wp-block-button__link:hover{background:#e8c96a;transform:translateY(-2px)}.add-small{font-size:.78rem;line-height:1.65;color:var(--add-muted)}.add-trust-section{padding:24px 0;border-block:1px solid var(--add-border);background:#0d1117}.add-trust{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.add-trust p{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;margin:0}.add-trust p:before{content:'✓';color:var(--add-gold);margin-right:10px}.add-offer-columns{gap:70px;align-items:flex-start}.add-offer-columns>.wp-block-column{min-width:0}.add-benefit-list{margin-block:30px}.add-benefit-list p{font-size:.9rem;margin:14px 0;color:#d2d4d9}.add-quote-section{text-align:center;background:radial-gradient(ellipse at center,rgba(201,168,76,.07),transparent 65%);border-block:1px solid var(--add-border);padding:80px 0}.add-quote-section .add-quote{font-family:Syne,sans-serif;font-size:clamp(1.8rem,3.7vw,3rem);font-weight:700;line-height:1.25;color:#fff;letter-spacing:-.035em}.add-quote-section p:not(.add-quote){font-size:.85rem}.add-process-item{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:32px 0;border-bottom:1px solid var(--add-border);margin:0}.add-process-item h3{margin:0}.add-process-item p{margin:0;font-size:.95rem}.add-surface{background:#10151d}.add-surface>.add-container>.wp-block-columns{gap:65px}.add-feature{border-top:1px solid rgba(201,168,76,.5);padding-top:18px}.add-feature h3{font-size:1.1rem;line-height:1.3}.add-feature p{font-size:.88rem}.add-region-section{border-bottom:1px solid var(--add-border)}.add-region-section .wp-block-columns{gap:60px}.add-regions{color:var(--add-gold)!important;line-height:2.2}.add-brands-section{padding:40px 0;background:#0d1117}.add-brands{font-family:Syne,sans-serif;line-height:2.8;word-spacing:.2em;font-size:1rem}.wp-block-details{border-bottom:1px solid var(--add-border);padding:22px 0;margin:0}.wp-block-details summary{font-weight:500;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;line-height:1.5}.wp-block-details summary::-webkit-details-marker{display:none}.wp-block-details summary:after{content:'+';color:var(--add-gold);font-size:1.4rem;line-height:1}.wp-block-details[open] summary:after{content:'−'}.wp-block-details p{font-size:.92rem;margin-top:18px}.add-cta{background:linear-gradient(110deg,#151920,#111213);text-align:center;border-block:1px solid var(--add-border);padding:80px 0}.add-cta h2{margin-inline:auto}.add-cta .add-eyebrow,.add-cta .wp-block-buttons{justify-content:center}.add-page-intro{padding:85px 0 65px;background:radial-gradient(ellipse at 80% 40%,rgba(201,168,76,.07),transparent 60%);border-bottom:1px solid var(--add-border)}.add-page-intro h1{font-size:clamp(2.7rem,5vw,4.6rem);max-width:950px;line-height:1.05}.add-lead{max-width:700px;font-size:1.13rem}.add-reading>.add-container{max-width:870px}.add-notice{padding:20px;border:1px solid var(--add-gold)}.add-footer{padding-top:70px;background:#06080b}.add-footer-columns{gap:36px}.add-footer-columns>.wp-block-column:first-child{flex-basis:34%;flex-grow:1.5}.add-footer .add-logo{font-size:1.3rem}.add-footer p{color:var(--add-muted);font-size:.8rem}.add-footer h3{font-family:'DM Sans',sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#e1e2e5;margin-bottom:22px}.add-footer .add-logo{font-family:Syne,sans-serif;font-size:1.3rem}.add-footer nav{font-size:.79rem;color:var(--add-muted)}.add-footer .wp-block-navigation__container{gap:9px}.add-footer nav a{text-decoration:none}.add-footer a:hover{color:var(--add-gold)}.add-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--add-border);padding:22px 0;margin-top:55px}.add-footer-bottom p{font-size:.68rem;margin:0}.add-skip-link{position:fixed;top:-100px;left:20px;z-index:999999;background:var(--add-gold);color:#000;padding:12px}.add-skip-link:focus{top:12px}.editor-styles-wrapper .add-hero{min-height:650px}.editor-styles-wrapper .add-header{position:static}
@media(min-width:1500px){.add-hero{min-height:850px}}
@media(max-width:900px){.add-container{padding-inline:24px}.add-section{padding:65px 0}.add-header-actions{gap:20px}.add-header .wp-block-navigation__container{gap:18px}.add-logo{font-size:1.25rem}.add-offer-columns{gap:32px}.add-hero{min-height:710px}.add-hero h1{font-size:4.4rem}.add-trust-section,.add-brands-section{padding:25px 0}.add-process-item{gap:30px}.add-footer-columns{flex-wrap:wrap!important}.add-footer-columns>.wp-block-column{flex-basis:40%!important}}
@media(max-width:600px){html{scroll-padding-top:130px}.admin-bar .wp-site-blocks>header{top:0}.add-container{padding-inline:20px}.add-header-inner{min-height:106px;flex-wrap:wrap;gap:14px;padding-block:17px}.add-logo{font-size:1.25rem}.add-header-actions{display:contents}.add-header nav{order:3;width:100%;font-size:.82rem}.add-header .wp-block-navigation__container{justify-content:center;gap:35px;width:100%}.add-header .wp-block-button__link{font-size:.68rem;padding:9px 14px}.add-hero{min-height:710px;background-position:62% center}.add-hero:before{background:linear-gradient(90deg,rgba(3,6,9,.85),rgba(3,6,9,.48)),linear-gradient(0deg,#080a0e,transparent 45%)}.add-hero-content{padding-block:66px}.add-hero h1{font-size:clamp(3rem,11vw,4.1rem)}.add-hero-copy{font-size:.95rem}.add-eyebrow{font-size:.62rem}.add-hero-actions{flex-wrap:wrap;gap:20px}.add-hero-actions .wp-block-button__link{font-size:.82rem}.add-trust{display:grid;grid-template-columns:1fr 1fr;gap:15px}.add-trust p{font-size:.6rem;letter-spacing:0}.add-offer-columns{gap:35px}.add-process-item{grid-template-columns:1fr;gap:12px}.add-section h2{font-size:2.25rem}.add-feature{margin-top:20px}.add-footer-columns>.wp-block-column{flex-basis:100%!important}.add-footer-bottom{display:block}.add-footer-bottom p+p{margin-top:12px}.add-page-intro h1{font-size:2.9rem}.add-page-intro{padding-top:55px}.add-quote-section .add-quote{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.add-hero-actions .wp-block-button__link{color:#080a0e}
@media(max-width:600px){.add-header .add-logo{font-size:1rem}.add-header-inner{column-gap:10px}}
/* Original image motifs, with motion as an optional enhancement. */
.add-header{position:relative}.add-header::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--add-scroll-progress,0%);background:linear-gradient(90deg,#c9a84c55,#e8c96a);pointer-events:none}
.add-hero{background:#0c131c;overflow:hidden}.add-hero::after{content:"";position:absolute;inset:-45px 0;z-index:-2;background:url(assets/images/hero.jpg) center/cover no-repeat;transform:translate3d(0,var(--add-parallax,0px),0) scale(1.025);pointer-events:none}.add-hero::before{z-index:-1}
.add-quote-section{position:relative;isolation:isolate;overflow:hidden;min-height:460px;display:flex;align-items:center;background:#0d131a;padding:110px 0;border:0}.add-quote-section>.add-container{width:100%}.add-quote-section::before{content:"";position:absolute;inset:-55px 0;z-index:-2;background:url(assets/images/driving.avif) center 48%/cover no-repeat;transform:translate3d(0,var(--add-parallax,0px),0) scale(1.035);pointer-events:none}.add-quote-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,14,.76),rgba(8,10,14,.5),rgba(8,10,14,.76)),linear-gradient(0deg,rgba(8,10,14,.65),transparent 65%);pointer-events:none}.add-quote-section .add-quote{max-width:850px;margin:0 auto 26px;font-size:clamp(2rem,4vw,3.6rem);text-shadow:0 2px 25px #0005}.add-quote-section p:not(.add-quote){color:#e0e2e5}
#vorteile>.add-container>.wp-block-columns>.wp-block-column:first-child::after{content:"";display:block;min-height:420px;margin-top:40px;background:url(assets/images/bmw.avif) center 57%/cover no-repeat;border-radius:4px 56px 4px 4px;border:1px solid #ffffff18;box-shadow:0 24px 65px #0003;transition:filter .35s ease;filter:saturate(.85)}
#vorteile>.add-container>.wp-block-columns>.wp-block-column:first-child:hover::after{filter:saturate(1)}
.add-surface{background:radial-gradient(ellipse at 12% 80%,#27364444,transparent 65%),#10151d}.add-feature{padding-top:23px;transition:border-color .25s,transform .25s}.add-feature:hover{border-color:#e8c96a;transform:translateY(-3px)}.add-process-item{transition:background .3s,padding .3s}.add-process-item:hover{background:linear-gradient(90deg,#c9a84c09,transparent);padding-left:12px}.add-region-section{background:radial-gradient(ellipse at 95% 30%,#c9a84c09,transparent 55%)}.add-cta{background:radial-gradient(ellipse at 50% 110%,#c9a84c15,transparent 60%),linear-gradient(110deg,#151920,#111213)}
.add-reveal-pending{opacity:0;transform:translateY(22px)}.add-reveal-shown{animation:add-reveal-in .7s cubic-bezier(.2,.7,.2,1) both}@keyframes add-reveal-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){#vorteile>.add-container>.wp-block-columns>.wp-block-column:first-child::after{min-height:340px}.add-quote-section{min-height:400px}}
@media(max-width:600px){.add-hero::after{background-position:62% center;transform:none}.add-quote-section{min-height:360px;padding:70px 0}.add-quote-section::before{background-position:58% center;transform:none}.add-quote-section .add-quote{font-size:2rem}#vorteile>.add-container>.wp-block-columns>.wp-block-column:first-child::after{min-height:350px;margin-top:28px;border-radius:4px 36px 4px 4px}.add-process-item:hover{padding-left:0}}
@media(prefers-reduced-motion:reduce){.add-reveal-pending{opacity:1;transform:none}.add-reveal-shown{animation:none}.add-hero::after,.add-quote-section::before{transform:none}.add-feature:hover{transform:none}}

/* Airier composition and a transparent header over the home hero. */
:root{--add-header-height:86px}
body.home .wp-site-blocks>header{margin-bottom:calc(-1 * var(--add-header-height))}
.add-header{background:rgba(8,10,14,.86);border-bottom-color:rgba(255,255,255,.07);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.home .add-header{background:rgba(8,10,14,.15);border-bottom-color:transparent;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body .add-header.is-scrolled{background:rgba(8,10,14,.94);border-bottom-color:rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 30px #0002}
.add-header::after{display:none}.add-header nav{color:#e0e2e5}.add-header-inner{gap:32px}.add-header-actions{gap:44px}.add-header .wp-block-navigation__container{gap:32px}
.add-hero{min-height:860px;min-height:min(960px,max(800px,95svh))}.add-hero-content{padding-top:150px;padding-bottom:90px}.add-hero h1{font-size:clamp(3.4rem,5.3vw,4.8rem);line-height:1.09;letter-spacing:-.045em;max-width:900px;margin-bottom:36px}.add-hero .add-eyebrow{margin-bottom:30px}.add-hero-copy{max-width:470px;font-size:1.05rem;line-height:1.9}.add-hero-actions{margin-top:38px;margin-bottom:32px;gap:32px}.add-hero::before{background:linear-gradient(90deg,rgba(3,6,9,.78),rgba(3,6,9,.34) 51%,rgba(3,6,9,.08)),linear-gradient(0deg,#080a0e,transparent 25%)}
.add-offer-columns{gap:80px}.add-offer-columns>.wp-block-column:first-child{flex-basis:45%;flex-grow:0}.add-offer-columns>.wp-block-column:last-child{flex-basis:55%}.add-offer-columns h2{font-size:clamp(2.3rem,3.5vw,3.2rem);line-height:1.15}.add-offer-columns>.wp-block-column:first-child>p:not(.add-eyebrow){max-width:440px}.add-offer-columns .add-small{font-size:.8rem;color:#969da8}
.add-benefit-list{margin-block:32px}.add-benefit-list p{display:flex;align-items:flex-start;gap:15px;font-size:.93rem;line-height:1.65;margin:19px 0;color:#d5d8de}.add-check-icon,.add-trust p::before{display:inline-block;width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(201,168,76,.3);border-radius:50%;background:url(assets/images/check.svg) center/13px 13px no-repeat}.add-check-icon{margin-top:0}.add-trust p{display:flex;align-items:center;gap:10px}.add-trust p::before{content:'';margin:0;width:22px;height:22px;flex-basis:22px;background-size:11px}.add-trust-section{background:linear-gradient(90deg,#c9a84c0d,#0d1117 65%);border-block-color:#c9a84c1c}
@media(max-width:1000px){.add-offer-columns{gap:36px}.add-hero h1{font-size:clamp(3.3rem,6.5vw,5rem)}.add-header-actions{gap:26px}}
@media(max-width:781px){.add-offer-columns>.wp-block-column{flex-basis:100%!important}.add-offer-columns>.wp-block-column:first-child>p:not(.add-eyebrow){max-width:600px}.add-hero h1{max-width:740px}.add-hero{min-height:790px}.add-hero-content{padding-top:145px;padding-bottom:70px}}
@media(max-width:600px){:root{--add-header-height:110px}.add-header-inner{min-height:110px;gap:14px}.add-header-actions{display:contents}.add-header .wp-block-navigation__container{gap:35px}.add-hero-content{padding-top:150px;padding-bottom:58px}.add-hero{min-height:790px}.add-hero h1{font-size:clamp(2.55rem,10vw,3.6rem);line-height:1.12;max-width:520px;margin-bottom:28px}.add-hero-copy{font-size:.96rem;line-height:1.8}.add-hero::before{background:linear-gradient(90deg,rgba(3,6,9,.83),rgba(3,6,9,.4)),linear-gradient(0deg,#080a0e,transparent 40%)}.add-hero-actions{gap:22px;margin-top:28px}.add-trust{gap:20px 12px}.add-trust p{font-size:.61rem;line-height:1.6;gap:8px}.add-trust p::before{flex-basis:20px;width:20px;height:20px}.add-benefit-list p{font-size:.9rem;gap:12px}.add-offer-columns{gap:28px}}

.add-offer-columns h2 mark{display:inline-block}

/* Full-width brand ribbon; the source paragraph stays editable in Gutenberg. */
.add-brands-section>.add-container{max-width:none;padding-inline:0}
.add-brands-section .add-eyebrow{max-width:1180px;margin-inline:auto;padding-inline:30px}
.add-brands-section .add-brands{margin:0;padding-inline:30px}
.add-brand-marquee{overflow:hidden;width:100%;position:relative}
.add-brand-track,.add-brand-group{display:flex;align-items:center;width:max-content}
.add-brand-track{animation:add-brand-scroll var(--add-brand-duration,60s) linear infinite;will-change:transform}
.add-brand-group{flex-shrink:0}
.add-brand-group .add-brands{flex-shrink:0;white-space:nowrap;padding:0 32px 0 0;line-height:2;font-size:clamp(1rem,1.6vw,1.3rem)}
@keyframes add-brand-scroll{to{transform:translateX(-50%)}}
.add-brand-marquee.is-paused .add-brand-track,.add-brand-marquee:hover .add-brand-track,.add-brand-marquee:focus-within .add-brand-track{animation-play-state:paused}
.add-brand-toggle{display:block;margin:12px max(30px,calc((100% - 1120px)/2)) 0 auto;padding:4px 0;border:0;background:none;color:var(--add-muted);font:inherit;font-size:.75rem;cursor:pointer;text-underline-offset:4px}
.add-brand-toggle:hover{color:var(--add-gold);text-decoration:underline}
@media(max-width:900px){.add-brands-section .add-eyebrow{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){.add-brand-track{display:block;width:auto;transform:none!important}.add-brand-group{display:block;width:auto}.add-brand-group .add-brands{white-space:normal;padding:0 24px}.add-brand-group [aria-hidden="true"],.add-brand-track>.add-brand-group[aria-hidden="true"],.add-brand-toggle{display:none}}