/* DV87 Fahrzeuge — Design identisch zur Startseite (Werkstatt bei Nacht) */

@font-face{
	font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;
	src:url(oswald.woff2) format('woff2');
}

.dv87fz{
	--ground:#07080A;--panel:#0F1216;--panel-hi:#151A20;--edge:#1C2129;
	--accent:#F2751A;--accent-dim:#8A4310;--bloom:#FFC189;--shop:#D8232A;
	--text:#E9EBEE;--muted:#868E9B;
	--display:'Oswald',"Haettenschweiler","Arial Narrow",sans-serif;
	--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--w:1180px;
}

/* Reset: Theme-Rahmen ausblenden, eigene Seite bauen */
body.dv87fz-body{margin:0;padding:0;background:var(--ground);}
body.dv87fz-body > .wp-site-blocks,
body.dv87fz-body > header.wp-block-template-part,
body.dv87fz-body > footer.wp-block-template-part{display:none;}

.dv87fz{background:var(--ground);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;}
.dv87fz *,.dv87fz *::before,.dv87fz *::after{box-sizing:border-box;}
.dv87fz img{max-width:100%;height:auto;display:block;}
.dv87fz a{color:inherit;}
.dv87fz h1,.dv87fz h2,.dv87fz h3{font-family:var(--display);font-weight:600;letter-spacing:.02em;line-height:1.08;margin:0;}
.dv87fz p{margin:0 0 1rem;}
.dv87fz .wrap{width:min(100% - 2.5rem,var(--w));margin-inline:auto;}

/* --- Navigation --------------------------------------------------------- */
.dv87fz .nav{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,rgba(7,8,10,.94) 0%,rgba(7,8,10,.78) 100%);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--edge);transition:background .25s ease,box-shadow .25s ease;}
.dv87fz .nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(242,117,26,0) 0%,rgba(242,117,26,.5) 25%,rgba(242,117,26,.85) 50%,rgba(242,117,26,.5) 75%,rgba(242,117,26,0) 100%);opacity:.45;transition:opacity .3s ease;}
.dv87fz .nav.is-stuck{background:rgba(7,8,10,.97);box-shadow:0 20px 44px -30px #000;}
.dv87fz .nav.is-stuck::after{opacity:1;}
.dv87fz .nav.is-stuck .nav-in{padding:.55rem 0;}
body.admin-bar .dv87fz .nav{top:32px;}
@media (max-width:782px){body.admin-bar .dv87fz .nav{top:46px;}}

.dv87fz .nav-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 0;transition:padding .25s ease;}

.dv87fz .mark{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:600;font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--text);white-space:nowrap;}
.dv87fz .mark span{display:inline-block;background:var(--accent);color:#140A02;padding:.02em .32em .08em;border-radius:3px;box-shadow:0 9px 24px -14px rgba(242,117,26,.95);transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s;}
.dv87fz .mark:hover span{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(242,117,26,1);}
.dv87fz .mark small{font-family:var(--body);font-weight:400;font-size:.68rem;letter-spacing:.13em;color:var(--muted);text-transform:uppercase;padding-left:.6rem;margin-left:.15rem;border-left:1px solid var(--edge);transition:color .2s;}
.dv87fz .mark:hover small{color:#AEB6C1;}

.dv87fz .nav-links{display:flex;gap:1.5rem;align-items:center;}
.dv87fz .nav-links a{position:relative;font-family:var(--display);font-size:.95rem;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--muted);white-space:nowrap;padding:.3rem 0;transition:color .18s;}
.dv87fz .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .24s cubic-bezier(.2,.7,.3,1);}
.dv87fz .nav-links a:hover{color:var(--text);}
.dv87fz .nav-links a:hover::after{transform:scaleX(1);}
.dv87fz .nav-links a.is-current{color:var(--accent);}
.dv87fz .nav-links a.is-current::after{transform:scaleX(1);box-shadow:0 0 16px rgba(242,117,26,.7);}
.dv87fz .nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}

.dv87fz .nav-links a.nav-cta{color:var(--text);border:1px solid #2C333D;background:rgba(255,255,255,.02);padding:.52rem 1.1rem;border-radius:2px;transition:color .18s,border-color .18s,background .18s,transform .18s;}
.dv87fz .nav-links a.nav-cta::after{display:none;}
.dv87fz .nav-links a.nav-cta:hover{color:var(--accent);border-color:var(--accent);background:rgba(242,117,26,.09);transform:translateY(-1px);}

.dv87fz .nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:40px;padding:0 11px;background:rgba(255,255,255,.02);border:1px solid var(--edge);border-radius:3px;cursor:pointer;}
.dv87fz .nav-burger span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px;transition:transform .24s cubic-bezier(.2,.7,.3,1),opacity .16s;}
.dv87fz .nav-burger[aria-expanded="true"]{border-color:var(--accent);}
.dv87fz .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.dv87fz .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.dv87fz .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:900px){
	.dv87fz .nav-burger{display:flex;}
	.dv87fz .nav-links{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;gap:0;padding:.2rem 0 1rem;background:#07080A;border-bottom:1px solid var(--edge);box-shadow:0 26px 50px -34px #000;}
	.dv87fz .nav-links.is-open{display:flex;}
	.dv87fz .nav-links a{padding:.95rem clamp(1.25rem,5vw,2rem);border-bottom:1px solid rgba(28,33,41,.75);font-size:1rem;}
	.dv87fz .nav-links a::after{left:clamp(1.25rem,5vw,2rem);right:auto;width:22px;bottom:-1px;}
	.dv87fz .nav-links a.nav-cta{margin:1rem clamp(1.25rem,5vw,2rem) 0;text-align:center;border-bottom:1px solid #2C333D;}
}
@media (max-width:600px){
	.dv87fz .mark small{display:none;}
	.dv87fz .mark{font-size:1.18rem;}
}

/* --- Buttons ------------------------------------------------------------ */
.dv87fz .btn{font-family:var(--display);font-weight:500;font-size:.96rem;letter-spacing:.09em;text-transform:uppercase;padding:.92rem 1.9rem;border-radius:2px;text-decoration:none;border:1px solid transparent;cursor:pointer;display:inline-block;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,background .18s,border-color .18s;}
.dv87fz .btn-primary{background:var(--accent);color:#140A02;box-shadow:0 10px 34px -12px rgba(242,117,26,.85);}
.dv87fz .btn-primary:hover{transform:translateY(-2px);}
.dv87fz .btn-ghost{border-color:#2C333D;color:var(--text);background:rgba(255,255,255,.02);}
.dv87fz .btn-ghost:hover{border-color:var(--accent);color:var(--accent);}
.dv87fz .btn[disabled]{opacity:.55;pointer-events:none;}

/* --- Hero der Übersicht ------------------------------------------------- */
.dv87fz .fz-hero{padding:clamp(3rem,7vw,5.5rem) 0 clamp(1.6rem,3vw,2.6rem);border-bottom:1px solid var(--edge);background:
	radial-gradient(90% 130% at 12% 0%,rgba(242,117,26,.13) 0%,rgba(242,117,26,0) 62%),var(--ground);}
.dv87fz .fz-eyebrow{font-family:var(--display);font-size:.82rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 .7rem;}
.dv87fz .fz-eyebrow::before{content:"— ";}
.dv87fz .fz-h1{font-size:clamp(2.4rem,6vw,4rem);text-transform:uppercase;}
.dv87fz .fz-lead{color:var(--muted);max-width:62ch;margin-top:1rem;}
.dv87fz .fz-main{padding:clamp(2rem,4vw,3rem) 0 4rem;}

/* --- Filterleiste ------------------------------------------------------- */
.dv87fz .fz-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.9rem;align-items:end;background:var(--panel);border:1px solid var(--edge);border-left:2px solid var(--accent);padding:1.15rem 1.25rem;margin-bottom:1.4rem;}
.dv87fz .fz-field{display:flex;flex-direction:column;gap:.35rem;}
.dv87fz .fz-field-l{font-family:var(--display);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.dv87fz .fz-field select,.dv87fz .fz-field input,.dv87fz .fz-field textarea{
	background:var(--panel-hi);border:1px solid var(--edge);color:var(--text);font-family:var(--body);font-size:.95rem;
	padding:.62rem .7rem;border-radius:2px;width:100%;transition:border-color .18s;}
.dv87fz .fz-field select:focus,.dv87fz .fz-field input:focus,.dv87fz .fz-field textarea:focus{outline:none;border-color:var(--accent);}
.dv87fz .fz-filter-actions{display:flex;align-items:center;gap:1rem;}
.dv87fz .fz-filter .btn{padding:.7rem 1.5rem;}
.dv87fz .fz-reset{color:var(--muted);font-size:.86rem;text-decoration:underline;}
.dv87fz .fz-count{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.84rem;color:var(--muted);margin-bottom:1.2rem;}

/* --- Karten-Grid -------------------------------------------------------- */
.dv87fz .fz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem;}
.dv87fz .fz-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--edge);border-radius:3px;text-decoration:none;overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .2s,box-shadow .2s;}
.dv87fz .fz-card::after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .25s;}
.dv87fz .fz-card:hover{transform:translateY(-4px);border-color:#2C333D;box-shadow:0 22px 48px -28px rgba(0,0,0,.9);}
.dv87fz .fz-card:hover::after{transform:scaleY(1);}
.dv87fz .fz-card-img{position:relative;aspect-ratio:4/3;background:var(--panel-hi);overflow:hidden;}
.dv87fz .fz-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.3,1);}
.dv87fz .fz-card:hover .fz-card-img img{transform:scale(1.045);}
.dv87fz .fz-noimg{position:absolute;inset:0;display:grid;place-items:center;color:#2C333D;}
.dv87fz .fz-card.is-sold .fz-card-img img{filter:grayscale(1) brightness(.62);}
.dv87fz .fz-badge{position:absolute;top:.85rem;left:.85rem;font-family:var(--display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;padding:.34rem .7rem;border-radius:2px;background:var(--accent);color:#140A02;}
.dv87fz .fz-badge-verkauft{background:#2C333D;color:var(--text);}
.dv87fz .fz-badge-reserviert{background:var(--bloom);color:#140A02;}
.dv87fz .fz-card-body{padding:1.1rem 1.15rem .4rem;flex:1;}
.dv87fz .fz-card-title{font-size:1.24rem;text-transform:uppercase;margin-bottom:.45rem;}
.dv87fz .fz-card-specs{color:var(--muted);font-size:.88rem;margin-bottom:.7rem;}
.dv87fz .fz-card-price{font-family:var(--display);font-size:1.5rem;color:var(--accent);letter-spacing:.02em;margin:0;}
.dv87fz .fz-card-cta{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.15rem 1.1rem;font-family:var(--display);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .18s;}
.dv87fz .fz-card:hover .fz-card-cta{color:var(--accent);}

.dv87fz .fz-pager{display:flex;gap:.5rem;justify-content:center;margin-top:2.5rem;font-family:var(--display);letter-spacing:.1em;}
.dv87fz .fz-pager a,.dv87fz .fz-pager span{padding:.5rem .85rem;border:1px solid var(--edge);text-decoration:none;color:var(--muted);}
.dv87fz .fz-pager .current{border-color:var(--accent);color:var(--accent);}
.dv87fz .fz-pager a:hover{color:var(--text);border-color:#2C333D;}

.dv87fz .fz-empty{border:1px solid var(--edge);border-left:2px solid var(--accent);background:var(--panel);padding:2.6rem 1.8rem;text-align:center;}
.dv87fz .fz-empty h2{font-size:1.6rem;text-transform:uppercase;margin-bottom:.8rem;}
.dv87fz .fz-empty p{color:var(--muted);}
.dv87fz .fz-empty .btn{margin:.35rem;}

/* --- Detailseite -------------------------------------------------------- */
.dv87fz .fz-single{padding:1.8rem 0 4rem;}
.dv87fz .fz-crumb{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;}
.dv87fz .fz-crumb a{color:var(--muted);text-decoration:none;}
.dv87fz .fz-crumb a:hover{color:var(--accent);}
.dv87fz .fz-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:2rem;align-items:start;margin-bottom:3rem;}
@media (max-width:900px){.dv87fz .fz-top{grid-template-columns:1fr;}}
.dv87fz .fz-stage{position:relative;margin:0;aspect-ratio:4/3;background:var(--panel-hi);border:1px solid var(--edge);overflow:hidden;}
.dv87fz .fz-stage img{width:100%;height:100%;object-fit:cover;}
.dv87fz .fz-stage-empty{display:grid;place-items:center;color:var(--muted);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.9rem;}
.dv87fz .fz-thumbs{display:flex;gap:.55rem;margin-top:.6rem;overflow-x:auto;padding-bottom:.3rem;}
.dv87fz .fz-thumb{flex:0 0 88px;height:66px;padding:0;border:1px solid var(--edge);background:var(--panel-hi);cursor:pointer;overflow:hidden;transition:border-color .18s,opacity .18s;opacity:.68;}
.dv87fz .fz-thumb img{width:100%;height:100%;object-fit:cover;}
.dv87fz .fz-thumb:hover{opacity:1;}
.dv87fz .fz-thumb.is-active{border-color:var(--accent);opacity:1;}

.dv87fz .fz-buy{background:var(--panel);border:1px solid var(--edge);border-top:2px solid var(--accent);padding:1.5rem 1.4rem;position:sticky;top:5.2rem;}
@media (max-width:900px){.dv87fz .fz-buy{position:static;}}
.dv87fz .fz-buy .fz-h1{font-size:clamp(1.6rem,3.4vw,2.15rem);text-transform:uppercase;margin-bottom:.6rem;}
.dv87fz .fz-teaser{color:var(--muted);font-size:.9rem;}
.dv87fz .fz-price{font-family:var(--display);font-size:2.5rem;color:var(--accent);line-height:1;margin:1rem 0 .3rem;}
.dv87fz .fz-price-note{font-size:.8rem;color:var(--muted);margin-bottom:1rem;}
.dv87fz .fz-state{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;display:inline-block;padding:.3rem .7rem;border:1px solid var(--edge);border-radius:2px;color:var(--muted);}
.dv87fz .fz-state-verfuegbar{color:#7BD88F;border-color:#24422C;}
.dv87fz .fz-state-reserviert{color:var(--bloom);border-color:#4A3418;}
.dv87fz .fz-actions{margin:1.3rem 0 .6rem;display:flex;flex-wrap:wrap;gap:.6rem;}
.dv87fz .fz-actions .btn{padding:.8rem 1.4rem;}
.dv87fz .fz-hint{font-size:.82rem;color:var(--muted);margin:0;}

.dv87fz .fz-block{margin-bottom:3rem;}
.dv87fz .fz-h2{font-size:clamp(1.4rem,3vw,1.9rem);text-transform:uppercase;margin-bottom:1.1rem;padding-left:.85rem;border-left:2px solid var(--accent);}
.dv87fz .fz-prose{color:#C9CED6;max-width:75ch;}
.dv87fz .fz-prose a{color:var(--accent);}

.dv87fz .fz-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;}
.dv87fz .fz-sheet-col{background:var(--panel);border:1px solid var(--edge);padding:1.15rem 1.25rem;}
.dv87fz .fz-sheet-h{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem;}
.dv87fz .fz-sheet dl{margin:0;}
.dv87fz .fz-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--edge);font-size:.92rem;}
.dv87fz .fz-row:last-child{border-bottom:none;}
.dv87fz .fz-row dt{color:var(--muted);margin:0;}
.dv87fz .fz-row dd{margin:0;text-align:right;}

.dv87fz .fz-extras{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.45rem .9rem;}
.dv87fz .fz-extras li{position:relative;padding-left:1.4rem;color:#C9CED6;font-size:.93rem;}
.dv87fz .fz-extras li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--accent);transform:rotate(45deg);}

/* --- Anfrageformular ---------------------------------------------------- */
.dv87fz .fz-form{background:var(--panel);border:1px solid var(--edge);border-left:2px solid var(--accent);padding:1.6rem 1.5rem;max-width:820px;}
.dv87fz .fz-form-intro{color:var(--muted);max-width:70ch;}
.dv87fz .fz-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;margin-bottom:.9rem;}
.dv87fz .fz-form .fz-field{margin-bottom:.9rem;}
.dv87fz .fz-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;color:var(--muted);margin:.4rem 0 1rem;}
.dv87fz .fz-consent input{margin-top:.25rem;accent-color:var(--accent);}
.dv87fz .fz-consent a{color:var(--accent);}
.dv87fz .fz-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.dv87fz .fz-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:0;}
.dv87fz .fz-form-msg{font-size:.9rem;}
.dv87fz .fz-form-msg.is-ok{color:#7BD88F;}
.dv87fz .fz-form-msg.is-err{color:#FF8A7A;}
.dv87fz .fz-legal{font-size:.78rem;color:#5D646F;border-top:1px solid var(--edge);padding-top:1.2rem;}

/* --- Fuß ---------------------------------------------------------------- */
.dv87fz footer{border-top:1px solid var(--edge);padding:2.4rem 0;margin-top:4rem;}
.dv87fz .foot-in{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted);}

/* --- Eingebettet auf der Startseite ------------------------------------- */
.dv87fz-embed{background:transparent;}
.dv87fz-embed .fz-embed-more{text-align:center;margin-top:1.8rem;}

/* --- Neigungs-Parallax (nur Handy, siehe Ende von dv87-fahrzeuge.js) ---- */
@media (max-width:900px){
	.dv87fz .dv87-tilt{will-change:transform;}
}
@media (prefers-reduced-motion:reduce){
	.dv87fz .dv87-tilt{transform:none !important;will-change:auto;}
}

/* ===== Angleichung an die Startseite ==================================== */
/* Dieselbe Bildsprache wie die Landingpage: Buehne mit Fluchtpunkt-Boden,
   Lichtkegel, Vignette; Karten mit Verlauf und Tiefe; Einblenden beim Scrollen. */

@keyframes dv87flick{0%,100%{opacity:.5}50%{opacity:.34}}

.dv87fz .fz-hero{position:relative;min-height:min(60vh,540px);display:flex;align-items:center;
	overflow:hidden;isolation:isolate;perspective:1100px;padding:0;background:var(--ground);}
.dv87fz .fz-hero-stage{position:absolute;inset:0;z-index:0;pointer-events:none;transform-style:preserve-3d;}
.dv87fz .fz-horizon{position:absolute;left:50%;top:52%;width:150%;height:44%;translate:-50% 0;
	background:radial-gradient(ellipse 52% 100% at 50% 100%,rgba(242,117,26,.20),transparent 68%);filter:blur(6px);}
.dv87fz .fz-floor{position:absolute;left:-60%;right:-60%;bottom:-6%;height:78%;
	background-image:linear-gradient(to right,rgba(140,160,185,.16) 1px,transparent 1px),
		linear-gradient(to bottom,rgba(140,160,185,.13) 1px,transparent 1px);
	background-size:74px 74px;transform:rotateX(77deg);transform-origin:50% 100%;
	-webkit-mask-image:linear-gradient(to top,#000 4%,transparent 76%);
	mask-image:linear-gradient(to top,#000 4%,transparent 76%);}
.dv87fz .fz-beam{position:absolute;top:-32%;width:56%;height:132%;mix-blend-mode:screen;filter:blur(30px);opacity:.5;}
.dv87fz .fz-beam-l{left:-6%;background:linear-gradient(198deg,rgba(255,193,137,.40),rgba(242,117,26,.10) 42%,transparent 66%);
	clip-path:polygon(24% 0,52% 0,100% 100%,0 100%);animation:dv87flick 7s ease-in-out infinite;}
.dv87fz .fz-beam-r{right:-6%;background:linear-gradient(162deg,rgba(190,215,255,.24),rgba(120,160,220,.07) 44%,transparent 68%);
	clip-path:polygon(48% 0,76% 0,100% 100%,0 100%);animation:dv87flick 9s ease-in-out infinite reverse;}
.dv87fz .fz-vignette{position:absolute;inset:0;
	background:radial-gradient(ellipse 78% 68% at 50% 46%,transparent 42%,rgba(7,8,10,.78) 100%);}
.dv87fz .fz-hero > .wrap{position:relative;z-index:2;padding:clamp(3.2rem,8vw,5.5rem) 0;}
.dv87fz .fz-hero .fz-lead{max-width:52ch;}
@media (prefers-reduced-motion:reduce){.dv87fz .fz-beam{animation:none;}}

/* Auszeichnung wie `.tag` auf der Startseite */
.dv87fz .fz-tag{display:inline-block;font-family:var(--display);font-size:.66rem;letter-spacing:.2em;
	text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-dim);
	padding:.24rem .6rem;border-radius:2px;margin-bottom:1rem;}

/* Karten und Panels wie `.card` */
.dv87fz .fz-card,
.dv87fz .fz-filter,
.dv87fz .fz-empty,
.dv87fz .fz-sheet-col,
.dv87fz .fz-buy,
.dv87fz .fz-form{background:linear-gradient(168deg,var(--panel-hi),var(--panel) 62%);
	box-shadow:0 1px 0 rgba(255,255,255,.06) inset;}
.dv87fz .fz-card:hover{border-color:#333D49;
	box-shadow:0 1px 0 rgba(255,255,255,.09) inset,0 34px 60px -34px #000;}
.dv87fz .fz-filter{border-radius:3px;}
.dv87fz .fz-empty{border-radius:3px;padding:3.2rem 2rem;}

/* Einblenden beim Scrollen, wie `.rise` auf der Startseite */
.dv87fz .fz-rise{opacity:0;transform:translateY(24px);
	transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1);}
.dv87fz .fz-rise.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
	.dv87fz .fz-rise{opacity:1;transform:none;transition:none;}
}

/* --- Vollansicht des Fotos (Lightbox) ---------------------------------- */
.dv87fz .fz-stage img{cursor:zoom-in;}
.dv87fz .fz-lightbox{position:fixed;inset:0;z-index:100000;display:none;
	align-items:center;justify-content:center;background:rgba(7,8,10,.96);
	padding:clamp(1rem,4vw,3rem);}
.dv87fz .fz-lightbox.is-offen{display:flex;}
.dv87fz .fz-lb-bild{max-width:min(94vw,1600px);max-height:86vh;width:auto;height:auto;
	object-fit:contain;border-radius:2px;box-shadow:0 40px 90px -30px #000;}
.dv87fz .fz-lb-zu,
.dv87fz .fz-lb-vor,
.dv87fz .fz-lb-nach{position:absolute;display:grid;place-items:center;padding:0;
	background:rgba(255,255,255,.06);border:1px solid #2C333D;color:var(--text);
	border-radius:50%;cursor:pointer;line-height:1;transition:border-color .15s,color .15s;}
.dv87fz .fz-lb-zu:hover,
.dv87fz .fz-lb-vor:hover,
.dv87fz .fz-lb-nach:hover{border-color:var(--accent);color:var(--accent);}
.dv87fz .fz-lb-zu{top:14px;right:16px;width:46px;height:46px;font-size:28px;}
.dv87fz .fz-lb-vor,
.dv87fz .fz-lb-nach{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:32px;}
.dv87fz .fz-lb-vor{left:14px;}
.dv87fz .fz-lb-nach{right:14px;}
.dv87fz .fz-lb-zaehler{position:absolute;left:0;right:0;bottom:18px;margin:0;text-align:center;
	font-family:var(--display);letter-spacing:.2em;font-size:.82rem;color:var(--muted);}
@media (max-width:720px){
	/* Auf dem Handy wird gewischt statt geklickt */
	.dv87fz .fz-lb-vor,.dv87fz .fz-lb-nach{display:none;}
	.dv87fz .fz-lb-bild{max-height:78vh;}
}

/* =========================================================================
   DV87 -- Feinschliff ("premium").  Abschnitt 13 des Plugins.
   Gilt fuer Startseite (body.home), Fahrzeugseiten (.dv87fz)
   und Rechtstexte (body.dv87-legal).  Aendert NICHT den gespeicherten
   Inhalt der Seite 6 -- alles hier ist jederzeit zurueckdrehbar.
   ========================================================================= */

/* --- 0. Bewegungskurven, gemeinsame Werte ------------------------------- */
:root{
	--dv-out:cubic-bezier(.23,1,.32,1);
	--dv-in-out:cubic-bezier(.77,0,.175,1);
	--dv-schnell:.16s;
	--dv-normal:.24s;
	--dv-ruhig:.34s;
}

/* Sprungmarken landen nicht mehr unter der klebenden Leiste. */
html{scroll-padding-top:86px;}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}

::selection{background:#F2751A;color:#140A02;}

/* Auswahl-Farbe und Bildlaufleiste im dunklen Umfeld */
body.home,body.dv87fz-body,body.dv87-legal{scrollbar-color:#2C333D #07080A;}

/* Sprunglink von WordPress: unsichtbar, aber beim Tabben sichtbar und in
   der Hausschrift -- bisher 1x1 Pixel und ohne Gestaltung. */
body.home .skip-link:focus,
body.dv87fz-body .skip-link:focus,
body.dv87-legal .skip-link:focus{
	position:fixed !important;top:12px !important;left:12px !important;
	width:auto !important;height:auto !important;clip:auto !important;clip-path:none !important;
	z-index:999;background:#F2751A;color:#140A02;padding:.7rem 1.2rem;border-radius:3px;
	font-family:'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;
	text-decoration:none;box-shadow:0 18px 40px -18px rgba(0,0,0,.9);
}

/* --- 1. Schrift: gleiche Regeln auf allen Seiten ------------------------ */
body.home,body.dv87fz-body .dv87fz,body.dv87-legal{
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	font-kerning:normal;font-variant-ligatures:common-ligatures;
}
body.home p,body.home .lead,body.home li,
.dv87fz p,.dv87fz li,
body.dv87-legal p,body.dv87-legal li{text-wrap:pretty;}

/* Lange deutsche Woerter brechen auf dem Handy sauber um. */
@media (max-width:640px){
	body.home h1,body.home h2,body.home h3,
	.dv87fz h1,.dv87fz h2,.dv87fz h3,
	body.dv87-legal h1,body.dv87-legal h2{hyphens:auto;overflow-wrap:break-word;}
	body.home p,.dv87fz p,body.dv87-legal p{hyphens:auto;}
}

/* Ziffern in Datenfeldern stehen untereinander (Preise, Kennzahlen). */
body.home .fact dd,body.home .contact-row dd,
.dv87fz .fz-card-price,.dv87fz .fz-preis,.dv87fz .fz-sheet td,
.dv87fz .fz-count,body.dv87-legal .dv87-legal-body p{
	font-variant-numeric:tabular-nums;
}

/* --- 2. Beruehrung und Tastatur ---------------------------------------- */
/* Zeigegeraet-Effekte nur mit echter Maus: auf dem Handy bleiben sie sonst
   nach dem Antippen "kleben". */
@media (hover:none){
	body.home .card:hover,body.home .step:hover,body.home .btn:hover,
	.dv87fz .fz-card:hover{transform:none;}
	body.home .card:hover::after{opacity:0;}
	body.home .card:hover,.dv87fz .fz-card:hover{box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 22px 46px -34px #000;}
}

/* Druckpunkt: jede Schaltflaeche gibt beim Tippen nach. */
body.home .btn:active,.dv87fz .btn:active,
body.home .nav-cta:active,.dv87fz .nav-cta:active,
body.home #dv87anfrage button:active,.dv87fz .fz-form button:active{
	transform:scale(.97);transition-duration:.06s;
}

/* Telefon- und E-Mail-Zeilen sind jetzt richtige Ziele (>=44 px). */
body.home .contact-row a{
	display:inline-flex;align-items:center;min-height:34px;padding-block:.15rem;
}
@media (pointer:coarse){
	body.home .contact-row a{min-height:44px;}
	body.home .foot-in a,body.home .dv87-foot a,.dv87fz .dv87-foot a{min-height:40px;display:inline-flex;align-items:center;}
}

/* --- 3. Startseite: Kontrast und Kleinigkeiten -------------------------- */
/* "Unsere Marke" stand mit 4:1 unter der Grenze (AA verlangt 4,5:1). */
body.home .brand-body .brand-kicker{color:#FF6A70;border-color:rgba(216,35,42,.75);}

/* Trennlinie zwischen den Abschnitten: gibt der langen Seite Halt. */
body.home #ablauf,body.home #dv87-bestand,body.home #marken,
body.home #unternehmen,body.home #kontakt{position:relative;}
body.home #ablauf::before,body.home #dv87-bestand::before,body.home #marken::before,
body.home #unternehmen::before,body.home #kontakt::before{
	content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
	width:min(100% - 2.5rem,1180px);height:1px;
	background:linear-gradient(90deg,transparent,rgba(28,33,41,.9) 18%,rgba(28,33,41,.9) 82%,transparent);
}

/* Karten: weichere Kurve, kein Sprung. */
body.home .card,body.home .step{transition:border-color var(--dv-normal) var(--dv-out),box-shadow var(--dv-normal) var(--dv-out),transform var(--dv-ruhig) var(--dv-out);}

/* --- 4. Anfrageformular: das auffaelligste Detail ----------------------- */
/* Der Block war 820 px breit und endete mitten im Nichts, waehrend
   Ueberschrift und Kontaktkarte darueber die vollen 1180 px nutzen.
   Jetzt eine Tafel ueber die ganze Breite, Felder in vier Spalten. */
body.home #kontakt #dv87anfrage{
	max-width:none;
	border:1px solid #1C2129;border-radius:3px;
	background:linear-gradient(168deg,#151A20,#0F1216 62%);
	box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 22px 46px -34px #000;
	padding:clamp(1.7rem,3.2vw,2.6rem);
}
body.home #kontakt #dv87anfrage .dv87f-head{margin-bottom:clamp(1.4rem,2.6vw,2rem);}
body.home #kontakt #dv87anfrage .dv87f-grid{
	grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem 1.25rem;
}
body.home #kontakt #dv87anfrage .dv87f-full{grid-column:1 / -1;}
@media (max-width:1000px){
	body.home #kontakt #dv87anfrage .dv87f-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
	body.home #kontakt #dv87anfrage .dv87f-grid{grid-template-columns:1fr;}
}

/* Die Zustimmungszeile war ein <label> im Rasterfluss: flex-direction und
   gap liefen ins Leere, also klebte das 13x13-Systemkaestchen oben links
   und der Text lief darunter weg.  Jetzt eigenes Kaestchen im Hausstil. */
body.home #dv87anfrage label.dv87f-consent{
	display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;
	gap:.2rem .85rem;cursor:pointer;
	padding:1rem 1.1rem;margin-top:.4rem;
	border:1px solid #1C2129;border-radius:3px;background:rgba(255,255,255,.02);
	font-size:.92rem;line-height:1.6;color:#AEB6C1;
	transition:border-color var(--dv-schnell) var(--dv-out),background var(--dv-schnell);
}
@media (hover:hover) and (pointer:fine){
	body.home #dv87anfrage label.dv87f-consent:hover{border-color:#2C333D;background:rgba(255,255,255,.035);}
}
body.home #dv87anfrage .dv87f-consent > span{grid-column:2;}
body.home #dv87anfrage .dv87f-consent a{
	color:#F2751A;text-decoration:none;border-bottom:1px solid rgba(242,117,26,.45);
}
body.home #dv87anfrage input[type="checkbox"],
.dv87fz .fz-form input[type="checkbox"]{
	appearance:none;-webkit-appearance:none;
	width:24px;height:24px;margin:0;flex:none;
	border:1px solid #39434F;border-radius:3px;background:#0F1216;
	display:grid;place-content:center;cursor:pointer;
	transition:border-color var(--dv-schnell) var(--dv-out),background var(--dv-schnell) var(--dv-out),box-shadow var(--dv-schnell);
}
body.home #dv87anfrage input[type="checkbox"]::before,
.dv87fz .fz-form input[type="checkbox"]::before{
	content:"";width:12px;height:12px;transform:scale(0);transform-origin:center;
	background:#140A02;
	clip-path:polygon(14% 47%,0 61%,40% 100%,100% 18%,86% 4%,38% 71%);
	transition:transform var(--dv-schnell) var(--dv-out);
}
body.home #dv87anfrage input[type="checkbox"]:hover,
.dv87fz .fz-form input[type="checkbox"]:hover{border-color:#5A6675;}
body.home #dv87anfrage input[type="checkbox"]:checked,
.dv87fz .fz-form input[type="checkbox"]:checked{background:#F2751A;border-color:#F2751A;}
body.home #dv87anfrage input[type="checkbox"]:checked::before,
.dv87fz .fz-form input[type="checkbox"]:checked::before{transform:scale(1);}
body.home #dv87anfrage input[type="checkbox"]:focus-visible,
.dv87fz .fz-form input[type="checkbox"]:focus-visible{outline:2px solid #F2751A;outline-offset:3px;}

/* Ecken und Schrift wie im Rest der Seite: die Felder waren als einzige
   8 px rund, die Schaltflaeche als einzige in der Systemschrift. */
body.home #dv87anfrage input,
body.home #dv87anfrage select,
body.home #dv87anfrage textarea{
	border-radius:3px;border-color:#252C36;background:#0F1216;
	padding:.82em 1em;
	transition:border-color var(--dv-schnell) var(--dv-out),box-shadow var(--dv-schnell) var(--dv-out),background var(--dv-schnell);
}
body.home #dv87anfrage input[type="checkbox"]{padding:0;background:#0F1216;}
body.home #dv87anfrage .dv87f-field > span{color:#8E97A4;letter-spacing:.16em;}
@media (hover:hover) and (pointer:fine){
	body.home #dv87anfrage input:hover:not(:focus):not([type="checkbox"]),
	body.home #dv87anfrage select:hover:not(:focus),
	body.home #dv87anfrage textarea:hover:not(:focus){border-color:#39434F;}
}
body.home #dv87anfrage input:focus,
body.home #dv87anfrage select:focus,
body.home #dv87anfrage textarea:focus{
	outline:none;border-color:#F2751A;background:#12161B;box-shadow:0 0 0 3px rgba(242,117,26,.16);
}
body.home #dv87anfrage textarea{resize:vertical;min-height:150px;}
body.home #dv87anfrage .dv87f-btn{
	border-radius:2px;font-family:'Oswald',"Arial Narrow",sans-serif;font-weight:500;
	font-size:.96rem;letter-spacing:.09em;padding:.92rem 1.9rem;
	box-shadow:0 10px 34px -12px rgba(242,117,26,.85);
	transition:transform var(--dv-schnell) var(--dv-out),box-shadow var(--dv-schnell) var(--dv-out),opacity var(--dv-normal);
}
@media (hover:hover) and (pointer:fine){
	body.home #dv87anfrage .dv87f-btn:hover{transform:translateY(-2px);box-shadow:0 16px 44px -12px rgba(242,117,26,.95);}
}
@media (hover:none){body.home #dv87anfrage .dv87f-btn:hover{transform:none;}}
body.home #dv87anfrage .dv87f-btn:active{transform:scale(.97);transition-duration:.06s;}
body.home #dv87anfrage .dv87f-btn:focus-visible{outline:2px solid #F2751A;outline-offset:3px;}

/* --- 5. Fahrzeug-Karten: sehen auch mit einem Auto nach etwas aus ------- */
/* Ein einziges Fahrzeug fuellte bisher ein Drittel der Zeile -- der Rest
   blieb leer.  Mit genau einer Karte wird daraus eine breite Karte. */
.dv87fz .fz-grid > .fz-card:only-child{
	grid-column:1 / -1;
	display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
	grid-template-rows:1fr auto;align-items:stretch;
}
.dv87fz .fz-grid > .fz-card:only-child .fz-card-img{
	grid-column:1;grid-row:1 / -1;aspect-ratio:16/11;height:100%;
}
.dv87fz .fz-grid > .fz-card:only-child .fz-card-body{
	grid-column:2;grid-row:1;align-self:center;
	display:flex;flex-direction:column;justify-content:center;padding:2.2rem 2.2rem 1rem;
}
.dv87fz .fz-grid > .fz-card:only-child .fz-card-title{font-size:clamp(1.5rem,2.4vw,2rem);}
.dv87fz .fz-grid > .fz-card:only-child .fz-card-price{font-size:1.9rem;margin-top:.5rem;}
.dv87fz .fz-grid > .fz-card:only-child .fz-card-cta{
	grid-column:2;grid-row:2;padding:0 2.2rem 2.1rem;align-self:end;
}
@media (max-width:760px){
	.dv87fz .fz-grid > .fz-card:only-child{grid-template-columns:1fr;grid-template-rows:auto auto auto;}
	.dv87fz .fz-grid > .fz-card:only-child .fz-card-img{grid-column:1;grid-row:1;}
	.dv87fz .fz-grid > .fz-card:only-child .fz-card-body{grid-column:1;grid-row:2;}
	.dv87fz .fz-grid > .fz-card:only-child .fz-card-cta{grid-row:3;}
	.dv87fz .fz-grid > .fz-card:only-child .fz-card-img{aspect-ratio:4/3;}
	.dv87fz .fz-grid > .fz-card:only-child .fz-card-body{padding:1.1rem 1.15rem .4rem;}
	.dv87fz .fz-grid > .fz-card:only-child .fz-card-cta{grid-column:1;padding:.85rem 1.15rem 1.1rem;}
}
/* Genau zwei Fahrzeuge: zwei gleich breite Spalten statt zweier Kaertchen. */
body.home #dv87-bestand .fz-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
body.home #dv87-bestand .fz-grid > .fz-card:only-child{max-width:none;}
body.home #dv87-bestand .fz-embed-more{margin-top:2rem;}

/* --- 6. Fussbereich (auf allen Seiten gleich) --------------------------- */
body.home footer.dv87-foot,.dv87fz .dv87-foot,body.dv87-legal .dv87-foot{
	margin-top:clamp(3.5rem,7vw,6rem);
	border-top:1px solid #1C2129;
	background:linear-gradient(180deg,rgba(15,18,22,.55),rgba(7,8,10,1) 62%);
	position:relative;padding:0;
}
.dv87-foot::before{
	content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
	background:linear-gradient(90deg,rgba(242,117,26,0),rgba(242,117,26,.55) 28%,rgba(242,117,26,.85) 50%,rgba(242,117,26,.55) 72%,rgba(242,117,26,0));
	opacity:.5;
}
.dv87-foot-in{
	display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:2.4rem;
	padding:clamp(2.6rem,5vw,3.6rem) 0 clamp(2rem,4vw,2.6rem);
}
@media (max-width:900px){.dv87-foot-in{grid-template-columns:1fr 1fr;gap:2rem 2.4rem;}}
@media (max-width:520px){.dv87-foot-in{grid-template-columns:1fr;gap:1.9rem;}}

.dv87-foot .dv87-foot-mark{
	display:inline-flex;align-items:center;gap:.5rem;
	font-family:'Oswald',"Arial Narrow",sans-serif;font-weight:600;font-size:1.3rem;
	letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#E9EBEE;
}
.dv87-foot .dv87-foot-mark b{
	font-weight:600;background:#F2751A;color:#140A02;padding:.02em .32em .08em;border-radius:3px;
	transition:transform var(--dv-schnell) var(--dv-out);
}
@media (hover:hover) and (pointer:fine){
	.dv87-foot .dv87-foot-mark:hover b{transform:translateY(-2px);}
}
.dv87-foot-claim{margin:.9rem 0 0;color:#868E9B;font-size:.9rem;line-height:1.6;max-width:30ch;}

.dv87-foot-h{
	margin:0 0 .95rem;font-family:'Oswald',"Arial Narrow",sans-serif;font-weight:500;
	font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#F2751A;
}
.dv87-foot-liste{display:flex;flex-direction:column;gap:.62rem;margin:0;padding:0;list-style:none;}
.dv87-foot-liste a,.dv87-foot-liste span{
	display:inline-flex;align-items:center;min-height:28px;
	color:#AEB6C1;font-size:.92rem;text-decoration:none;
	position:relative;width:fit-content;
	transition:color var(--dv-schnell) var(--dv-out);
}
.dv87-foot-liste a::after{
	content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#F2751A;
	transform:scaleX(0);transform-origin:left center;
	transition:transform var(--dv-normal) var(--dv-out);
}
@media (hover:hover) and (pointer:fine){
	.dv87-foot-liste a:hover{color:#E9EBEE;}
	.dv87-foot-liste a:hover::after{transform:scaleX(1);}
}
.dv87-foot-liste a:focus-visible{outline:2px solid #F2751A;outline-offset:3px;border-radius:2px;}
.dv87-foot-liste .dv87-foot-adr{display:block;color:#868E9B;line-height:1.6;min-height:0;}

.dv87-foot-unten{
	display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:space-between;align-items:center;
	padding:1.1rem 0 1.6rem;border-top:1px solid rgba(28,33,41,.85);
	font-size:.82rem;color:#7C8391;
}
.dv87-foot-unten span{font-variant-numeric:tabular-nums;}

/* Der alte Fussbereich der Seite 6 wird ersetzt; falls er doch noch
   auftaucht, faellt er nicht auseinander. */
body.home footer.dv87-foot .foot-in{display:none;}

/* --- 7. Rechtstexte im Hausdesign -------------------------------------- */
body.dv87-legal{background:#07080A;color:#E9EBEE;margin:0;}
body.dv87-legal .wp-site-blocks > header.wp-block-template-part,
body.dv87-legal .wp-site-blocks > footer.wp-block-template-part{display:none !important;}
body.dv87-legal .wp-site-blocks,
body.dv87-legal .wp-site-blocks > main,
body.dv87-legal main.wp-block-group,
body.dv87-legal .entry-content,
body.dv87-legal .wp-block-post-content{
	max-width:none !important;width:auto !important;
	margin-block:0 !important;margin-inline:0 !important;padding:0 !important;
}
body.dv87-legal .entry-content > *,
body.dv87-legal .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
	max-width:none !important;margin-inline:0 !important;
}
body.dv87-legal .wp-block-post-title{display:none !important;}

body.dv87-legal .dv87fz{background:#07080A;}
body.dv87-legal .dv87-legal-kopf{
	position:relative;overflow:hidden;border-bottom:1px solid #1C2129;
	padding:clamp(3rem,7vw,5rem) 0 clamp(2rem,4vw,3rem);
	background:radial-gradient(ellipse 60% 120% at 22% 118%,rgba(242,117,26,.16),transparent 62%),#07080A;
}
body.dv87-legal .dv87-legal-kopf h1{
	font-family:'Oswald',"Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;
	font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.04;letter-spacing:-.005em;margin:.6rem 0 0;
}
body.dv87-legal .dv87-legal-kopf .eyebrow{
	margin:0;font-family:'Oswald',"Arial Narrow",sans-serif;font-weight:500;font-size:.74rem;
	letter-spacing:.22em;text-transform:uppercase;color:#F2751A;
}
body.dv87-legal .dv87-legal-kopf .dv87-legal-hin{
	margin:1.1rem 0 0;color:#868E9B;font-size:.94rem;max-width:60ch;
}

body.dv87-legal .dv87-legal-body{
	padding:clamp(2.6rem,5vw,4rem) 0 clamp(2rem,4vw,3rem);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size:1.02rem;line-height:1.75;color:#C3C9D2;
}
/* Linke Kante buendig mit der Ueberschrift, Zeilenlaenge trotzdem lesbar. */
body.dv87-legal .dv87-legal-body .entry-content,
body.dv87-legal .dv87-legal-body .wp-block-post-content,
body.dv87-legal .dv87-legal-body > .wrap > p{max-width:72ch !important;}
body.dv87-legal .dv87-legal-body h2{
	font-family:'Oswald',"Arial Narrow",sans-serif;font-weight:600;color:#E9EBEE;
	font-size:clamp(1.24rem,2.2vw,1.55rem);letter-spacing:.015em;line-height:1.2;
	margin:2.8rem 0 .9rem;padding-top:1.6rem;border-top:1px solid #171C23;
}
body.dv87-legal .dv87-legal-body h2:first-child{margin-top:0;padding-top:0;border-top:0;}
body.dv87-legal .dv87-legal-body h3{
	font-family:'Oswald',"Arial Narrow",sans-serif;font-weight:600;color:#E9EBEE;
	font-size:1.1rem;letter-spacing:.02em;margin:1.9rem 0 .6rem;
}
body.dv87-legal .dv87-legal-body p{margin:0 0 1.05rem;}
body.dv87-legal .dv87-legal-body ul,
body.dv87-legal .dv87-legal-body ol{margin:0 0 1.2rem;padding-left:1.2rem;}
body.dv87-legal .dv87-legal-body li{margin-bottom:.45rem;}
body.dv87-legal .dv87-legal-body ul{list-style:none;padding-left:1.5rem;}
body.dv87-legal .dv87-legal-body ul > li{position:relative;}
body.dv87-legal .dv87-legal-body ul > li::before{
	content:"";position:absolute;left:-1.5rem;top:.68em;width:10px;height:2px;background:#F2751A;
}
body.dv87-legal .dv87-legal-body strong{color:#E9EBEE;}
body.dv87-legal .dv87-legal-body a{
	color:#F2751A;text-decoration:none;border-bottom:1px solid rgba(242,117,26,.42);
	transition:border-color var(--dv-schnell) var(--dv-out),color var(--dv-schnell);
	overflow-wrap:anywhere;
}
@media (hover:hover) and (pointer:fine){
	body.dv87-legal .dv87-legal-body a:hover{border-bottom-color:#F2751A;color:#FFA25C;}
}
body.dv87-legal .dv87-legal-body a:focus-visible{outline:2px solid #F2751A;outline-offset:3px;border-radius:2px;}

/* Rueckweg */
body.dv87-legal .dv87-legal-zurueck{
	display:inline-flex;align-items:center;gap:.55rem;margin-top:2.4rem;
	font-family:'Oswald',"Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;
	font-size:.86rem;color:#F2751A;text-decoration:none;
}
body.dv87-legal .dv87-legal-zurueck span{transition:transform var(--dv-normal) var(--dv-out);display:inline-block;}
@media (hover:hover) and (pointer:fine){
	body.dv87-legal .dv87-legal-zurueck:hover span{transform:translateX(-5px);}
}

/* --- 8. Fahrzeugseiten: Kopf etwas dichter, Zaehler in der Hausschrift -- */
.dv87fz .fz-hero{min-height:min(46vh,420px);}
.dv87fz .fz-hero > .wrap{padding:clamp(2.6rem,6vw,4.2rem) 0;}

/* --- 9. Weniger Bewegung, wenn das System es verlangt ------------------- */
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto;}
	.dv87-foot-liste a::after,.dv87-legal-zurueck span{transition:none;}
}