.exx-finder{color:#263038}.exx-finder h1,.exx-finder h2{font-weight:700}.exx-search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:#f1f3f4;padding:24px;border-radius:10px}.exx-search-grid label{font-weight:600;font-size:14px}.exx-search-grid select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #ccd2d6;border-radius:5px;background:white;color:#20272d}.exx-btn{background:#a62e3c;color:white;border:0;border-radius:5px;padding:12px 20px;font-weight:700;cursor:pointer}.exx-panel{background:#f4f5f6;border-radius:10px;padding:25px;margin-top:25px}.exx-stats{display:flex;gap:12px;flex-wrap:wrap}.exx-stats>div{padding:15px;background:white;border-radius:7px;min-width:145px}.exx-stats small{display:block;color:#68717a}.exx-stats strong{display:block;font-size:19px}@media(max-width:800px){.exx-search-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.exx-search-grid{grid-template-columns:1fr}}
.exx-opc-finder{padding:24px 0}.exx-opc-status{grid-column:1/-1;margin:0}.exx-opc-finder select:disabled{opacity:.65}.exx-btn{background:#81323a}.exx-btn:disabled{opacity:.6;cursor:default}

/* EXX Racing OPC vehicle finder v1.0.19. Scoped: does not alter the header or normal forms. */
.exx-opc-finder,
.exx-opc-finder * {box-sizing:border-box}
.exx-opc-finder {
  --exx-opc-dark:#151f26;
  --exx-opc-red:#be1730;
  --exx-opc-red-hover:#981027;
  color:var(--exx-opc-dark);
  background:linear-gradient(135deg,#f8f9fa 0%,#eef1f3 100%);
  padding:clamp(20px,2.5vw,34px);
  border:1px solid #e5e9ec;
  border-radius:4px;
}
.exx-opc-finder-head {display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.exx-opc-finder-titles {min-width:0}
.exx-opc-eyebrow {display:flex;align-items:center;gap:11px;margin:0 0 6px;font-size:11px;letter-spacing:.22em;line-height:1.3;font-weight:750;color:#4c5760}
.exx-opc-eyebrow::before {content:"";display:inline-block;width:24px;height:4px;flex:0 0 24px;background:var(--exx-opc-red)}
.exx-opc-finder h2 {margin:0!important;color:var(--exx-opc-dark)!important;font-size:clamp(23px,2.1vw,32px);font-weight:800;line-height:1.13}
.exx-opc-intro {max-width:385px;margin:0!important;color:#52606b;line-height:1.5;font-size:14px}
.exx-opc-finder .exx-opc-search {display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,.85fr);gap:12px;align-items:end;background:none;border:0;border-radius:0;padding:0;margin:0}
.exx-opc-finder .exx-opc-field {display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;color:var(--exx-opc-dark);font-size:13px;font-weight:700;line-height:1.3}
.exx-opc-finder .exx-opc-field>span {display:block}
.exx-opc-finder .exx-opc-field select {display:block;width:100%;min-width:0;height:46px;margin:0;padding:0 31px 0 12px;background-color:#fff;border:1px solid #cdd5dc;border-radius:3px;color:var(--exx-opc-dark);font-size:14px;font-weight:400;line-height:1.3;cursor:pointer}
.exx-opc-finder .exx-opc-field select:disabled {color:#7f8993;background-color:#f5f7f8;opacity:1;cursor:not-allowed}
.exx-opc-finder .exx-opc-field select:focus-visible {border-color:var(--exx-opc-red);outline:2px solid var(--exx-opc-red);outline-offset:1px}
.exx-opc-finder .exx-opc-submit {display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;width:100%;padding:10px 13px;background:var(--exx-opc-red);border:1px solid var(--exx-opc-red);border-radius:3px;color:#fff;font-size:14px;font-weight:700;line-height:1.35;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}
.exx-opc-finder .exx-opc-submit:hover,.exx-opc-finder .exx-opc-submit:focus-visible {background:var(--exx-opc-red-hover);border-color:var(--exx-opc-red-hover);color:#fff}
.exx-opc-finder .exx-opc-submit:focus-visible {outline:2px solid var(--exx-opc-dark);outline-offset:2px}
.exx-opc-finder .exx-opc-submit:disabled {opacity:.65;cursor:default}
.exx-opc-finder .exx-opc-arrow {font-size:20px;line-height:1}
.exx-opc-finder .exx-opc-status {grid-column:1/-1;margin:0;color:#a81f34;font-weight:600;font-size:13px}
.exx-opc-finder .exx-opc-status:empty {display:none}
.exx-opc-finder .exx-opc-noscript {grid-column:1/-1;margin:0;font-size:13px}
.exx-opc-finder .exx-opc-fallback {margin:8px 0 0;font-size:13px}
.exx-opc-finder .exx-opc-fallback a,.exx-opc-finder .exx-opc-noscript a {color:var(--exx-opc-red);font-weight:700}
@media(max-width:1150px){.exx-opc-finder .exx-opc-search {grid-template-columns:repeat(4,minmax(0,1fr))}.exx-opc-finder .exx-opc-submit {grid-column:1/-1}}
@media(max-width:750px){.exx-opc-finder-head {display:block}.exx-opc-intro {max-width:none;margin-top:10px!important}.exx-opc-finder .exx-opc-search {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.exx-opc-finder {padding:18px 14px}.exx-opc-finder .exx-opc-search {grid-template-columns:minmax(0,1fr)}.exx-opc-finder .exx-opc-submit {grid-column:auto}}


/* v1.0.20 - Per-portlet OPC layout settings. The selector is intentionally more
   specific than previous NOVAChild custom.css rules for .exx-opc-finder.
   Only this vehicle finder is affected; no header/banner/footer changes. */
html body #main-wrapper section.exx-opc-finder {
  margin-top: var(--exx-opc-top, 18px) !important;
  margin-bottom: var(--exx-opc-bottom, 0px) !important;
  padding: var(--exx-opc-padding, 28px) !important;
  background: var(--exx-opc-background, #f3f5f6) !important;
}
@media (min-width: 992px) {
  html body #main-wrapper section.exx-opc-finder[data-exx-width-mode="banner"] {
    display: block !important;
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    max-width: calc(103.125rem - 48px) !important;
    margin-left: max(16px, calc(50% - 51.5625rem + 16px)) !important;
    margin-right: 0 !important;
  }
  html body #main-wrapper section.exx-opc-finder[data-exx-width-mode="full"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body #main-wrapper section.exx-opc-finder[data-exx-width-mode="custom"] {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: var(--exx-opc-custom-max, 1500px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 991.98px) {
  html body #main-wrapper section.exx-opc-finder {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* v1.0.21 - Native JTL vehicle detail page, all selectors limited to .exx-finder. */
.exx-finder{--exx-detail-dark:#151F26;--exx-detail-red:#be1730;--exx-detail-line:#e0e5e8;color:#19252c;padding-top:24px;padding-bottom:52px}
.exx-finder,.exx-finder *{box-sizing:border-box}
.exx-finder .exx-vehicle-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#687681;font-size:13px;margin-bottom:22px}
.exx-finder .exx-vehicle-breadcrumb a{color:#485864;text-decoration:none}
.exx-finder .exx-vehicle-breadcrumb a:hover{color:var(--exx-detail-red)}
.exx-finder .exx-vehicle-head{position:relative;isolation:isolate;overflow:hidden;background:var(--exx-detail-dark);color:#fff;padding:clamp(22px,3vw,40px);border-radius:4px;margin-bottom:27px}
.exx-finder .exx-vehicle-head>*{position:relative;z-index:2}
.exx-finder .exx-vehicle-head::before{content:"";position:absolute;left:-8%;top:-34%;width:116%;height:210%;z-index:1;opacity:.10;pointer-events:none;transform:perspective(1200px) rotateX(66deg) rotateZ(-12deg);transform-origin:center center;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.02) 22%,rgba(255,255,255,.14) 46%,rgba(255,255,255,.03) 70%,rgba(255,255,255,.12));filter:blur(.2px)}
.exx-finder .exx-vehicle-head::after{content:"";position:absolute;left:-8%;top:-30%;width:116%;height:210%;z-index:1;opacity:.10;pointer-events:none;transform:perspective(1200px) rotateX(66deg) rotateZ(-12deg);transform-origin:center center;background:repeating-linear-gradient(0deg,rgba(255,255,255,.72) 0,rgba(255,255,255,.72) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(90deg,rgba(255,255,255,.68) 0,rgba(255,255,255,.68) 1px,transparent 1px,transparent 18px),linear-gradient(135deg,transparent 0 6%,rgba(255,255,255,.18) 6% 7%,transparent 7% 14%,rgba(255,255,255,.20) 14% 15%,transparent 15% 22%,rgba(255,255,255,.17) 22% 23%,transparent 23% 30%,rgba(255,255,255,.22) 30% 31%,transparent 31% 38%,rgba(255,255,255,.16) 38% 39%,transparent 39% 46%,rgba(255,255,255,.21) 46% 47%,transparent 47% 54%,rgba(255,255,255,.17) 54% 55%,transparent 55% 62%,rgba(255,255,255,.20) 62% 63%,transparent 63% 70%,rgba(255,255,255,.16) 70% 71%,transparent 71% 78%,rgba(255,255,255,.22) 78% 79%,transparent 79% 86%,rgba(255,255,255,.18) 86% 87%,transparent 87% 100%);mix-blend-mode:screen}
.exx-finder .exx-vehicle-eyebrow{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.22em;font-weight:750;color:#65717b;margin-bottom:9px}
.exx-finder .exx-vehicle-eyebrow::before{content:"";width:25px;height:4px;flex:0 0 25px;background:var(--exx-detail-red)}
.exx-finder .exx-vehicle-head .exx-vehicle-eyebrow{color:#cbd4db}
.exx-finder .exx-vehicle-head h2{margin:0;color:#fff;font-size:clamp(26px,3vw,43px);line-height:1.13;font-weight:800}
.exx-finder .exx-vehicle-head h2 span{color:#cad2d8;font-weight:600}
.exx-finder .exx-vehicle-head p{font-size:16px;color:#d4dce1;margin:14px 0 0}
.exx-finder .exx-vehicle-section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:32px 0 13px}
.exx-finder .exx-vehicle-section-title h2,.exx-finder .exx-vehicle-section-title h3{margin:0;font-size:clamp(20px,2vw,27px);font-weight:800;line-height:1.2;color:var(--exx-detail-dark)}
.exx-finder .exx-vehicle-section-title>span{color:#687681;font-size:13px}
.exx-finder .exx-vehicle-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.exx-finder .exx-vehicle-spec{min-width:0;padding:18px;background:#f5f7f8;border:1px solid var(--exx-detail-line);border-radius:4px}
.exx-finder .exx-vehicle-spec small,.exx-finder .exx-vehicle-stage-metrics small,.exx-finder .exx-vehicle-product small{display:block;color:#667480;font-size:12px;margin-bottom:8px}
.exx-finder .exx-vehicle-spec strong{display:block;font-size:17px;color:var(--exx-detail-dark);font-weight:750;overflow-wrap:anywhere}
.exx-finder .exx-vehicle-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.exx-finder .exx-vehicle-stage{border:1px solid var(--exx-detail-line);border-top:4px solid var(--exx-detail-red);border-radius:4px;background:#fff;padding:20px}
.exx-finder .exx-vehicle-stage--base{background:#f5f7f8;border-top-color:#151F26}
.exx-finder .exx-vehicle-stage-label{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#36444d;margin-bottom:18px}
.exx-finder .exx-vehicle-stage-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.exx-finder .exx-vehicle-stage-metrics strong{color:var(--exx-detail-dark);font-size:clamp(21px,2.2vw,29px);font-weight:800}
.exx-finder .exx-vehicle-stage-metrics strong em{font-size:13px;font-style:normal;font-weight:650}
.exx-finder .exx-vehicle-stage-note{color:#667480;font-size:12px;margin:15px 0 0}
.exx-finder .exx-vehicle-note{padding:18px 20px;background:#f5f7f8;border-left:4px solid var(--exx-detail-red);margin-top:18px}
.exx-finder .exx-vehicle-note strong{display:block;color:var(--exx-detail-dark);font-size:14px}
.exx-finder .exx-vehicle-note p{color:#4e5b63;white-space:normal;margin:8px 0 0;font-size:13px}
.exx-finder .exx-vehicle-products{border:1px solid var(--exx-detail-line);border-radius:4px;overflow:hidden}
.exx-finder .exx-vehicle-product{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 20px;border-bottom:1px solid var(--exx-detail-line)}
.exx-finder .exx-vehicle-product:last-child{border-bottom:0}
.exx-finder .exx-vehicle-product strong{display:block;font-size:16px;color:var(--exx-detail-dark)}
.exx-finder .exx-vehicle-product-link,.exx-finder .exx-vehicle-secondary{color:var(--exx-detail-red);font-weight:750;text-decoration:none}
.exx-finder .exx-vehicle-product-link:hover,.exx-finder .exx-vehicle-secondary:hover{color:#8c1426;text-decoration:underline}
.exx-finder .exx-vehicle-empty,.exx-finder .exx-vehicle-message{margin:0;padding:19px 20px;background:#f5f7f8;border:1px solid var(--exx-detail-line);color:#495963}
.exx-finder .exx-vehicle-message{margin:16px 0;border-left:4px solid var(--exx-detail-red)}
.exx-finder .exx-vehicle-message h2{font-size:20px;margin:0 0 8px}
.exx-finder .exx-vehicle-message p{margin:0}
.exx-finder .exx-vehicle-bottom-action{padding:26px 0 0}
.exx-finder .exx-vehicle-search-heading{margin-top:5px}
.exx-finder .exx-search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,.85fr);align-items:end;gap:12px;background:#f3f5f6;border:1px solid var(--exx-detail-line);padding:20px;border-radius:4px}
.exx-finder .exx-search-grid label{min-width:0;margin:0;font-size:13px;font-weight:750;color:var(--exx-detail-dark)}
.exx-finder .exx-search-grid select{margin-top:7px;height:44px;padding:0 8px;min-width:0;background:white}
.exx-finder .exx-search-grid .exx-btn{height:44px;background:var(--exx-detail-red);border:0;border-radius:3px;font-weight:750;font-size:14px;white-space:nowrap}
.exx-finder .exx-search-grid .exx-btn:hover{background:#99142b}
.exx-finder .exx-vehicle-matches{display:grid;gap:10px}
.exx-finder .exx-vehicle-match{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:19px;border:1px solid var(--exx-detail-line);text-decoration:none;color:var(--exx-detail-dark);background:#fff}
.exx-finder .exx-vehicle-match:hover{border-color:var(--exx-detail-red);text-decoration:none;color:var(--exx-detail-dark)}
.exx-finder .exx-vehicle-match strong,.exx-finder .exx-vehicle-match small{display:block}
.exx-finder .exx-vehicle-match small{margin-top:7px;color:#667480}
.exx-finder .exx-vehicle-match-arrow{font-size:22px;color:var(--exx-detail-red)}
@media(max-width:1140px){.exx-finder .exx-vehicle-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.exx-finder .exx-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exx-finder .exx-search-grid .exx-btn{grid-column:1/-1}}
@media(max-width:710px){.exx-finder .exx-vehicle-stages{grid-template-columns:1fr}.exx-finder .exx-vehicle-section-title{display:block}.exx-finder .exx-vehicle-section-title>span{display:block;margin-top:7px}.exx-finder .exx-vehicle-product{display:block}.exx-finder .exx-vehicle-product-link{display:inline-block;margin-top:14px}}
@media(max-width:470px){.exx-finder .exx-vehicle-specs,.exx-finder .exx-search-grid{grid-template-columns:1fr}.exx-finder .exx-search-grid .exx-btn{grid-column:auto}.exx-finder .exx-vehicle-stage-metrics{gap:8px}}

/* v1.0.22 - animated comparison graphics for vehicle detail page */
.exx-finder .exx-stage-gains{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.exx-finder .exx-stage-gains span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(190,23,48,.08);color:var(--exx-detail-red);font-size:12px;font-weight:800;letter-spacing:.02em}
.exx-finder .exx-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}
.exx-finder .exx-compare-card{border:1px solid var(--exx-detail-line);border-radius:6px;background:linear-gradient(180deg,#ffffff 0%,#f7f9fa 100%);padding:22px;box-shadow:0 10px 30px rgba(21,31,38,.06)}
.exx-finder .exx-compare-card-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}
.exx-finder .exx-compare-card-head strong{display:block;color:var(--exx-detail-dark);font-size:20px;line-height:1.2}
.exx-finder .exx-compare-card-head span{font-size:13px;color:#6a7883}
.exx-finder .exx-compare-chart{display:grid;gap:18px}
.exx-finder .exx-compare-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.exx-finder .exx-compare-label{font-size:14px;font-weight:800;color:var(--exx-detail-dark);text-transform:uppercase;letter-spacing:.08em}
.exx-finder .exx-compare-value{font-size:15px;font-weight:800;color:var(--exx-detail-dark);text-align:right}
.exx-finder .exx-compare-value em{display:inline-flex;align-items:center;margin-left:10px;padding:4px 8px;border-radius:999px;background:rgba(190,23,48,.08);color:var(--exx-detail-red);font-style:normal;font-size:11px;font-weight:800;letter-spacing:.03em}
.exx-finder .exx-compare-track{position:relative;height:16px;border-radius:999px;background:#e8edf0;overflow:hidden}
.exx-finder .exx-compare-fill{display:block;height:100%;width:0;border-radius:inherit;box-shadow:0 6px 14px rgba(0,0,0,.18);transition:width 1100ms cubic-bezier(.2,.7,.2,1)}
.exx-finder .exx-compare-fill--base{background:linear-gradient(90deg,#15212a 0%,#31414d 100%)}
.exx-finder .exx-compare-fill--stage1{background:linear-gradient(90deg,#7f1221 0%,#be1730 100%)}
.exx-finder .exx-compare-fill--stage2{background:linear-gradient(90deg,#be1730 0%,#ff425d 100%)}
.exx-finder .exx-compare-row.is-empty .exx-compare-track::after{content:"Kein Wert hinterlegt";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#7c8992;background:repeating-linear-gradient(135deg,#eef2f4,#eef2f4 8px,#e6ebee 8px,#e6ebee 16px)}
.exx-finder .exx-reveal,.exx-finder .exx-compare-card,.exx-finder .exx-vehicle-stage{opacity:0;transform:translateY(24px);transition:opacity 600ms ease,transform 600ms ease}
.exx-finder .exx-reveal.is-visible,.exx-finder .exx-compare-card.is-visible,.exx-finder .exx-vehicle-stage.is-visible{opacity:1;transform:translateY(0)}
.exx-finder .exx-vehicle-spec.exx-reveal:nth-child(2),.exx-finder .exx-vehicle-stage:nth-child(2),.exx-finder .exx-compare-card:nth-child(2){transition-delay:80ms}
.exx-finder .exx-vehicle-spec.exx-reveal:nth-child(3),.exx-finder .exx-vehicle-stage:nth-child(3){transition-delay:160ms}
.exx-finder .exx-vehicle-spec.exx-reveal:nth-child(4){transition-delay:240ms}
.exx-finder .exx-vehicle-spec.exx-reveal:nth-child(5){transition-delay:320ms}
.exx-finder .exx-vehicle-spec.exx-reveal:nth-child(6){transition-delay:400ms}
.exx-finder .exx-vehicle-spec.exx-reveal:nth-child(7){transition-delay:480ms}
.exx-finder .exx-vehicle-spec.exx-reveal:nth-child(8){transition-delay:560ms}
@media(max-width:980px){.exx-finder .exx-compare-grid{grid-template-columns:1fr}}
@media(max-width:640px){.exx-finder .exx-compare-row-top{display:block}.exx-finder .exx-compare-value{text-align:left;display:block;margin-top:5px}}
@media (prefers-reduced-motion: reduce){.exx-finder .exx-reveal,.exx-finder .exx-compare-card,.exx-finder .exx-vehicle-stage,.exx-finder .exx-compare-fill{transition:none!important}.exx-finder .exx-reveal,.exx-finder .exx-compare-card,.exx-finder .exx-vehicle-stage{opacity:1;transform:none}}

/* v1.0.23 - dyno style comparison charts */
.exx-finder .exx-compare-grid--dyno{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.exx-finder .exx-dyno-card{border:1px solid var(--exx-detail-line);border-radius:6px;background:linear-gradient(180deg,#ffffff 0%,#f7f9fa 100%);padding:22px;box-shadow:0 10px 26px rgba(21,31,38,.06)}
.exx-finder .exx-dyno-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.exx-finder .exx-dyno-card-head strong{display:block;font-size:20px;color:var(--exx-detail-dark);line-height:1.2}
.exx-finder .exx-dyno-card-head span{display:block;font-size:13px;color:#667480;margin-top:4px}
.exx-finder .exx-dyno-peak{text-align:right;min-width:120px}
.exx-finder .exx-dyno-peak small{display:block;color:#7b8892;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.exx-finder .exx-dyno-peak strong{display:block;font-size:24px;font-weight:800;color:var(--exx-detail-dark)}
.exx-finder .exx-dyno-peak em{font-style:normal;font-size:13px;color:#6b7780;font-weight:700}
.exx-finder .exx-dyno-legend{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:14px}
.exx-finder .exx-dyno-legend span{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#eff3f5;color:#41515d;font-size:12px;font-weight:700}
.exx-finder .exx-dyno-legend span::before{content:"";width:12px;height:12px;border-radius:999px;display:inline-block;box-shadow:0 0 0 2px rgba(255,255,255,.8) inset}
.exx-finder .exx-dyno-legend .is-base::before{background:#7f8b95}
.exx-finder .exx-dyno-legend .is-stage1::before{background:#cf203a}
.exx-finder .exx-dyno-legend .is-stage2::before{background:#8d1226}
.exx-finder .exx-dyno-chart{border:1px solid #e6eaed;border-radius:6px;background:radial-gradient(circle at top,#ffffff 0%,#fbfcfd 44%,#f4f7f9 100%);padding:8px}
.exx-finder .exx-dyno-svg{display:block;width:100%;height:auto;overflow:visible}
.exx-finder .exx-dyno-grid line{stroke:#dfe5e9;stroke-width:1}
.exx-finder .exx-dyno-axis{stroke:#7f8d97;stroke-width:1.3}
.exx-finder .exx-dyno-tick{fill:#75828b;font-size:10px;font-weight:600}
.exx-finder .exx-dyno-axislabel{fill:#5c6b76;font-size:11px;font-weight:700}
.exx-finder .exx-dyno-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;transition:stroke-dashoffset 1300ms cubic-bezier(.2,.7,.2,1)}
.exx-finder .exx-dyno-line--base{stroke:#7f8b95;stroke-width:3.2;filter:drop-shadow(0 4px 8px rgba(90,105,117,.08))}
.exx-finder .exx-dyno-line--stage1{stroke:#cf203a;filter:drop-shadow(0 6px 10px rgba(207,32,58,.18))}
.exx-finder .exx-dyno-line--stage2{stroke:#8d1226;filter:drop-shadow(0 6px 10px rgba(141,18,38,.18))}
.exx-finder .exx-dyno-dot{stroke:#fff;stroke-width:2}
.exx-finder .exx-dyno-dot--base{fill:#7f8b95}
.exx-finder .exx-dyno-dot--stage1{fill:#cf203a}
.exx-finder .exx-dyno-dot--stage2{fill:#8d1226}
.exx-finder .exx-dyno-value{font-size:11px;font-weight:800}
.exx-finder .exx-dyno-value--base{fill:#65727c}
.exx-finder .exx-dyno-value--stage1{fill:#b61d34}
.exx-finder .exx-dyno-value--stage2{fill:#7f1022}
@media(max-width:980px){.exx-finder .exx-compare-grid--dyno{grid-template-columns:1fr}}
@media(max-width:640px){.exx-finder .exx-dyno-card-head{display:block}.exx-finder .exx-dyno-peak{text-align:left;margin-top:12px}}


/* v1.0.26 - interactive dyno focus + clearer animations */
.exx-finder .exx-vehicle-stage[data-exx-stage]{cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.exx-finder .exx-vehicle-stage[data-exx-stage]:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(21,31,38,.08);border-color:#d5dde2}
.exx-finder .exx-vehicle-stage[data-exx-stage]:focus-visible{outline:2px solid rgba(190,23,48,.28);outline-offset:2px;border-color:var(--exx-detail-red)}
.exx-finder .exx-vehicle-stage.is-active{transform:translateY(-4px);border-color:rgba(190,23,48,.35);box-shadow:0 18px 34px rgba(190,23,48,.10),0 6px 14px rgba(21,31,38,.06);background:linear-gradient(180deg,#fff 0%,#fcf7f8 100%)}
.exx-finder .exx-dyno-card{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s cubic-bezier(.2,.7,.2,1),border-color .35s ease,opacity .3s ease,filter .35s ease}
.exx-finder .exx-dyno-card.is-spotlight{transform:translateY(-8px) scale(1.03);box-shadow:0 24px 42px rgba(21,31,38,.14);border-color:#d5dde2;z-index:2;position:relative}
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-dot,
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-value{opacity:1;transform:translateY(0)}
.exx-finder .exx-dyno-dot,.exx-finder .exx-dyno-value{opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .35s ease}
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-dot:nth-of-type(1),
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-value:nth-of-type(1){transition-delay:.55s}
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-dot:nth-of-type(2),
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-value:nth-of-type(2){transition-delay:.7s}
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-dot:nth-of-type(3),
.exx-finder .exx-dyno-card.is-chart-played .exx-dyno-value:nth-of-type(3){transition-delay:.85s}
.exx-finder .exx-dyno-card.focus-base .exx-dyno-line--stage1,.exx-finder .exx-dyno-card.focus-base .exx-dyno-line--stage2,
.exx-finder .exx-dyno-card.focus-base .exx-dyno-dot--stage1,.exx-finder .exx-dyno-card.focus-base .exx-dyno-dot--stage2,
.exx-finder .exx-dyno-card.focus-base .exx-dyno-value--stage1,.exx-finder .exx-dyno-card.focus-base .exx-dyno-value--stage2{opacity:.18}
.exx-finder .exx-dyno-card.focus-base .exx-dyno-line--base{stroke-width:5.2}
.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-line--base,.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-line--stage2,
.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-dot--base,.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-dot--stage2,
.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-value--base,.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-value--stage2{opacity:.18}
.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-line--stage1{stroke-width:5.6;filter:drop-shadow(0 10px 16px rgba(207,32,58,.28))}
.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-dot--stage1,.exx-finder .exx-dyno-card.focus-stage1 .exx-dyno-value--stage1{opacity:1}
.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-line--base,.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-line--stage1,
.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-dot--base,.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-dot--stage1,
.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-value--base,.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-value--stage1{opacity:.18}
.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-line--stage2{stroke-width:5.8;filter:drop-shadow(0 10px 16px rgba(141,18,38,.32))}
.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-dot--stage2,.exx-finder .exx-dyno-card.focus-stage2 .exx-dyno-value--stage2{opacity:1}
@keyframes exxSpotlightCard{0%{transform:translateY(0) scale(1)}60%{transform:translateY(-10px) scale(1.04)}100%{transform:translateY(-8px) scale(1.03)}}
.exx-finder .exx-dyno-card.is-spotlight{animation:exxSpotlightCard .45s cubic-bezier(.2,.7,.2,1)}
@media(max-width:980px){.exx-finder .exx-dyno-card.is-spotlight{transform:translateY(-5px) scale(1.015)}}
@media (prefers-reduced-motion: reduce){.exx-finder .exx-vehicle-stage[data-exx-stage],.exx-finder .exx-dyno-card,.exx-finder .exx-dyno-dot,.exx-finder .exx-dyno-value{transition:none!important;animation:none!important}.exx-finder .exx-dyno-dot,.exx-finder .exx-dyno-value{opacity:1;transform:none}}


/* v1.0.29: Mouseover 75/25 + Header-Fix fuer Maximalwert in der schmalen Diagrammkarte.
   Stage 1 = links (Leistung), Stage 2 = rechts (Drehmoment).
   Keine Scrollbewegung. Kurven-Zeichenanimation aus v1.0.26 bleibt unangetastet. */
.exx-finder #exx-compare-dyno.exx-compare-grid--dyno{
  align-items:stretch;
}
.exx-finder #exx-compare-dyno .exx-dyno-card{
  min-width:0;
  transition:transform .42s cubic-bezier(.22,.68,.2,1),
             box-shadow .42s ease,
             border-color .42s ease,
             opacity .42s ease;
}
@media (min-width:981px){
  .exx-finder #exx-compare-dyno.exx-compare-grid--dyno{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    transition:grid-template-columns .48s cubic-bezier(.22,.68,.2,1);
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power.exx-compare-grid--dyno{
    grid-template-columns:minmax(0,3fr) minmax(0,1fr);
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-torque.exx-compare-grid--dyno{
    grid-template-columns:minmax(0,1fr) minmax(0,3fr);
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power .exx-dyno-card:first-child,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque .exx-dyno-card:last-child{
    z-index:1;
    position:relative;
    transform:translateY(-3px);
    border-color:#b6c1c9;
    box-shadow:0 18px 35px rgba(21,31,38,.13);
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power .exx-dyno-card:last-child,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque .exx-dyno-card:first-child{
    opacity:.78;
  }
}
/* Auf kleinen Bildschirmen bleiben beide Diagramme lesbar untereinander. */
@media (max-width:980px){
  .exx-finder #exx-compare-dyno.exx-compare-grid--dyno{
    grid-template-columns:minmax(0,1fr);
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power .exx-dyno-card:first-child,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque .exx-dyno-card:last-child{
    border-color:#b6c1c9;
    box-shadow:0 12px 28px rgba(21,31,38,.12);
  }
}
@media (prefers-reduced-motion:reduce){
  .exx-finder #exx-compare-dyno.exx-compare-grid--dyno,
  .exx-finder #exx-compare-dyno .exx-dyno-card{
    transition:none!important;
  }
}


/* v1.0.29 - verhindert Overflow des Maximalwert-Blocks in der schmalen 25%-Karte */
.exx-finder .exx-dyno-card-head{
  flex-wrap:wrap;
}
.exx-finder .exx-dyno-card-head > div:first-child{
  flex:1 1 220px;
  min-width:0;
}
.exx-finder .exx-dyno-card-head > div:first-child strong,
.exx-finder .exx-dyno-card-head > div:first-child span{
  overflow-wrap:anywhere;
}
.exx-finder .exx-dyno-peak{
  flex:0 1 auto;
  min-width:100px;
  max-width:100%;
  margin-left:auto;
}
.exx-finder .exx-dyno-peak strong,
.exx-finder .exx-dyno-peak small{
  white-space:normal;
}
@media (min-width:981px){
  .exx-finder #exx-compare-dyno.exx-emphasize-power .exx-dyno-card:last-child .exx-dyno-card-head,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque .exx-dyno-card:first-child .exx-dyno-card-head{
    display:block;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power .exx-dyno-card:last-child .exx-dyno-peak,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque .exx-dyno-card:first-child .exx-dyno-peak{
    text-align:left;
    margin-top:10px;
    margin-left:0;
    min-width:0;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power .exx-dyno-card:last-child .exx-dyno-legend span,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque .exx-dyno-card:first-child .exx-dyno-legend span{
    font-size:11px;
    padding:6px 8px;
  }
}

/* v1.0.30 – compact 25-percent chart card in desktop 75/25 mouseover view.
   Keep the graph aspect ratio and line animation unchanged. */
@media (min-width:981px) {
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child {
    padding: 14px 12px;
    min-width: 0;
    overflow: hidden;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-card-head,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-card-head {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
    margin-bottom: 11px;
    min-width: 0;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-card-head > div:first-child,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-card-head > div:first-child {
    width: 100%;
    min-width: 0;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-card-head > div:first-child strong,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-card-head > div:first-child strong {
    font-size: clamp(13px,1.3vw,17px);
    line-height: 1.25;
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-card-head > div:first-child span,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-card-head > div:first-child span {
    font-size: 11px;
    line-height: 1.4;
    margin-top: 2px;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-peak,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-peak {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
    margin: 0;
    padding: 7px 9px;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    background: #f1f4f6;
    border: 1px solid #e4eaee;
    border-radius: 4px;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-peak small,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-peak small {
    font-size: 9px;
    letter-spacing: .07em;
    margin: 0;
    line-height: 1.3;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-peak strong,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-peak strong {
    font-size: 19px;
    line-height: 1.15;
    white-space: nowrap;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-peak em,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-peak em {
    font-size: 11px;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-legend,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-legend {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 5px;
    margin-bottom: 10px;
    min-width: 0;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-legend span,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-legend span {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 5px 7px;
    gap: 6px;
    border-radius: 4px;
    font-size: 10px;
    line-height: 1.3;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-legend span::before,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-legend span::before {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
  }
  .exx-finder #exx-compare-dyno.exx-emphasize-power > .exx-dyno-card:last-child .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.exx-emphasize-torque > .exx-dyno-card:first-child .exx-dyno-chart {
    padding: 4px;
    min-width: 0;
  }
}

/* v1.0.33 – kombiniertes Original/Stage-Layout mit kompakter rechter Spalte und Mouseover-Vergrößerung */
.exx-finder #exx-compare-dyno.exx-compare-grid--combo{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);
  gap:18px;
  align-items:stretch;
}
.exx-finder #exx-compare-dyno.exx-compare-grid--combo .exx-dyno-card{
  min-width:0;
  height:100%;
  overflow:hidden;
  transition:transform .35s cubic-bezier(.22,.68,.2,1),box-shadow .35s ease,border-color .35s ease,opacity .35s ease;
}
.exx-finder .exx-dyno-card--large{padding:24px 24px 18px}
.exx-finder .exx-dyno-stack{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:18px;
  min-width:0;
  align-self:stretch;
  transition:grid-template-rows .36s cubic-bezier(.22,.68,.2,1);
}
.exx-finder .exx-dyno-card--stack{padding:18px 18px 14px}
.exx-finder .exx-dyno-card--stack .exx-dyno-chart{
  padding:6px;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:168px;
}
.exx-finder .exx-dyno-card--stack .exx-dyno-svg{
  width:64%;
  max-width:64%;
  margin:0 auto;
  transition:width .36s cubic-bezier(.22,.68,.2,1),max-width .36s cubic-bezier(.22,.68,.2,1),opacity .3s ease;
}
.exx-finder .exx-dyno-peak--dual{
  display:grid;
  grid-template-columns:repeat(2,minmax(92px,1fr));
  gap:10px;
  min-width:min(100%,248px);
}
.exx-finder .exx-dyno-peak--dual > div{
  background:#f3f6f8;
  border:1px solid #e3e8ec;
  border-radius:6px;
  padding:8px 10px;
}
.exx-finder .exx-dyno-peak--dual strong{font-size:22px;line-height:1.1}
.exx-finder .exx-dyno-peak--dual em{display:inline-block;margin-left:2px}
.exx-finder .exx-dyno-legend--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.exx-finder .exx-dyno-legend--dual span{width:100%;justify-content:flex-start;white-space:normal;line-height:1.35;border:1px solid #e5eaee}
.exx-finder .exx-dyno-legend .is-power::before{border-radius:999px}
.exx-finder .exx-dyno-legend .is-torque::before{border-radius:2px}
.exx-finder .exx-dyno-card[data-profile="base"] .exx-dyno-legend .is-power::before,
.exx-finder .exx-dyno-card[data-profile="base"] .exx-dyno-legend .is-torque::before{background:#7f8b95}
.exx-finder .exx-dyno-card[data-profile="stage1"] .exx-dyno-legend .is-power::before,
.exx-finder .exx-dyno-card[data-profile="stage1"] .exx-dyno-legend .is-torque::before{background:#cf203a}
.exx-finder .exx-dyno-card[data-profile="stage2"] .exx-dyno-legend .is-power::before,
.exx-finder .exx-dyno-card[data-profile="stage2"] .exx-dyno-legend .is-torque::before{background:#8d1226}
.exx-finder .exx-dyno-curve--torque{stroke-dasharray:9 7}
.exx-finder .exx-dyno-line.exx-dyno-curve--power{stroke-width:3.4}
.exx-finder .exx-dyno-line.exx-dyno-curve--torque{stroke-width:3.4}
.exx-finder .exx-dyno-dot.exx-dyno-curve--torque{r:4}
.exx-finder .exx-dyno-value.exx-dyno-curve--torque{font-size:10.5px}
.exx-finder .exx-dyno-value.exx-dyno-curve--power{font-size:11px}
.exx-finder .exx-dyno-axislabel--left{text-anchor:start}
.exx-finder .exx-dyno-axislabel--right{text-anchor:end}
.exx-finder .exx-dyno-card[data-profile="base"] .exx-dyno-card-head strong{color:#24313a}
.exx-finder .exx-dyno-card[data-profile="stage1"] .exx-dyno-card-head strong{color:#b51c34}
.exx-finder .exx-dyno-card[data-profile="stage2"] .exx-dyno-card-head strong{color:#7f1022}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack{grid-template-rows:3fr 1fr}
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack{grid-template-rows:1fr 3fr}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"],
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"]{
  transform:translateY(-3px);
  border-color:#cfd9df;
  box-shadow:0 18px 34px rgba(21,31,38,.13);
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-svg,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-svg{
  width:100%;
  max-width:100%;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-svg,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-svg{
  width:50%;
  max-width:50%;
  opacity:.78;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"],
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"]{
  opacity:.84;
}
@media(max-width:980px){
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo{grid-template-columns:1fr}
  .exx-finder .exx-dyno-stack{grid-template-rows:auto auto}
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack{grid-template-rows:auto auto}
}
@media(max-width:640px){
  .exx-finder .exx-dyno-peak--dual,
  .exx-finder .exx-dyno-legend--dual{grid-template-columns:1fr}
  .exx-finder .exx-dyno-card--large,
  .exx-finder .exx-dyno-card--stack{padding:16px}
  .exx-finder .exx-dyno-card--stack .exx-dyno-svg,
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-svg,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-svg,
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-svg,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-svg{width:100%;max-width:100%}
}
@media (prefers-reduced-motion: reduce){
  .exx-finder .exx-dyno-stack,
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo .exx-dyno-card{transition:none!important}
}


/* v1.0.34 – Gestaltung wie v1.0.29; Serie links und zwei gleich hohe,
   eingeklappte Stage-Karten rechts. Aufklappen nur bei Mouseover/Fokus. */
@media (min-width:981px) {
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo {
    grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);
    align-items:stretch;
  }
  .exx-finder #exx-compare-dyno .exx-dyno-stack {
    grid-template-rows:minmax(0,1fr) minmax(0,1fr);
    height:100%;
    min-height:0;
    gap:16px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack {
    grid-template-rows:minmax(0,4fr) minmax(0,1fr);
  }
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack {
    grid-template-rows:minmax(0,1fr) minmax(0,4fr);
  }
  .exx-finder #exx-compare-dyno .exx-dyno-card--stack {
    min-height:0;
  }
}
.exx-finder #exx-compare-dyno.exx-compare-grid--combo .exx-dyno-card {
  background:linear-gradient(180deg,#fff 0%,#f7f9fa 100%);
  border:1px solid var(--exx-detail-line);
  border-radius:6px;
  box-shadow:0 10px 26px rgba(21,31,38,.06);
}
/* Kein zusaetzlich eingerahmtes Zahlenkachel-Layout: Optik der aelteren Diagramm-Boxen */
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual > div {
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
}
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual strong {
  font-size:21px;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  padding:18px 20px;
  cursor:pointer;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-card-head {
  margin:0;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-card-head > div:first-child {
  flex:1 1 auto;
  min-width:0;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-card-head > div:first-child > strong {
  font-size:22px;
  font-weight:750;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-card-head > div:first-child > span,
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-peak,
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-legend,
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-chart {
  display:none;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack:hover,
.exx-finder #exx-compare-dyno .exx-dyno-card--stack:focus-visible {
  border-color:#b7c2ca;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack:focus-visible {
  outline:2px solid #be1730;
  outline-offset:2px;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"],
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] {
  justify-content:flex-start;
  padding:17px 18px;
  overflow:hidden;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-card-head,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-card-head {
  margin-bottom:10px;
  gap:10px;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-card-head > div:first-child > span,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-card-head > div:first-child > span {
  display:block;
  font-size:12px;
  line-height:1.35;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-peak,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-peak {
  display:grid;
  gap:8px;
  min-width:0;
  max-width:none;
  margin:7px 0 10px;
  text-align:left;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-legend,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-legend {
  display:grid;
  gap:6px;
  margin-bottom:10px;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart {
  display:block;
  padding:5px;
  min-height:0;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-svg,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-svg {
  width:100%;
  max-width:100%;
  margin:0;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-legend--dual span {
  padding:6px 8px;
  font-size:11px;
  line-height:1.25;
}
/* Die Karten duerfen auf Tablet/Mobil wachsen, statt Inhalte abzuschneiden. */
@media(max-width:980px) {
  .exx-finder #exx-compare-dyno .exx-dyno-stack,
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack {
    height:auto;
    grid-template-rows:auto auto;
  }
  .exx-finder #exx-compare-dyno .exx-dyno-card--stack {
    min-height:90px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"],
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] {
    overflow:visible;
  }
}
@media(prefers-reduced-motion:reduce) {
  .exx-finder #exx-compare-dyno .exx-dyno-stack {
    transition:none!important;
  }
}


/* v1.0.35 – Stage-Diagramme immer sichtbar, Beschriftungen erst bei Mouseover.
   Anordnung bleibt Serie links, Stage 1 und Stage 2 rechts übereinander. */
.exx-finder #exx-compare-dyno .exx-dyno-card--stack {
    justify-content: flex-start;
    gap: 0;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-card-head {
    flex: 0 0 auto;
    margin-bottom: 9px;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-chart {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 5px 7px;
    overflow: hidden;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    flex: 0 1 auto;
    opacity: 1;
}
/* Im kompakten Zustand sind nur Stage-Titel und Kurven sichtbar. */
.exx-finder #exx-compare-dyno .exx-dyno-card--stack[aria-expanded="false"] .exx-dyno-value {
    opacity: 0 !important;
    visibility: hidden;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack[aria-expanded="false"] .exx-dyno-axislabel,
.exx-finder #exx-compare-dyno .exx-dyno-card--stack[aria-expanded="false"] .exx-dyno-tick {
    opacity: 0;
    visibility: hidden;
}
/* Nach dem Aufklappen bleiben Stage-Werte und Diagramm sichtbar. */
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-svg,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
/* In der nicht ausgewählten, schmalen Stage-Box passt sich das Diagramm an. */
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-svg,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    opacity: .85;
}
@media (max-width: 980px) {
    .exx-finder #exx-compare-dyno .exx-dyno-card--stack {
        min-height: 230px;
        height: auto;
    }
    .exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-chart {
        flex: 1 1 auto;
        min-height: 120px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-svg {
        transition: none !important;
    }
}

/* Miniaturdiagramm auch in der beim Hover verkleinerten Stage-Box zeigen. */
@media(min-width:981px) {
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"],
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] {
    padding:8px 10px;
    gap:0;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-card-head,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-card-head {
    margin-bottom:2px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-card-head > div:first-child > strong,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-card-head > div:first-child > strong {
    font-size:15px;
    line-height:1.1;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart {
    padding:2px 3px;
  }
}
/* Smartphone: Detailansicht darf bei Mouseover/Touch wachsen. */
@media(max-width:980px) {
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"],
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] {
    min-height:430px;
    height:auto;
    overflow:visible;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart {
    min-height:145px;
  }
}


/* v1.0.38 – Diagrammoptik nach Referenz v1.0.29, kombiniert mit
   der bestehenden Serie-Links/Stage-Rechts-Anordnung von v1.0.37.
   Alle Diagramme enthalten weiter je Leistung und Drehmoment. */
.exx-finder #exx-compare-dyno.exx-compare-grid--combo .exx-dyno-card{
    background:linear-gradient(180deg,#fff 0%,#f8fafb 100%);
    border:1px solid #dfe5e9;
    border-radius:6px;
    box-shadow:0 10px 26px rgba(21,31,38,.055);
}
.exx-finder #exx-compare-dyno .exx-dyno-card--large .exx-dyno-card-head>div:first-child>strong{
    font-size:22px;
    color:#151f26;
}
.exx-finder #exx-compare-dyno .exx-dyno-card-head>div:first-child>span{
    color:#687580;
    font-size:12px;
    line-height:1.35;
    margin-top:5px;
}
/* Die zwei Hoechstwerte ersetzen die bisherige einzelne MAXIMALWERT-Zahl,
   behalten jedoch die zur Referenz passende klare Position rechts oben. */
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:14px;
    row-gap:4px;
    min-width:185px;
    max-width:100%;
    margin-left:auto;
    text-align:right;
}
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual::before{
    content:'MAXIMALWERT';
    grid-column:1/-1;
    display:block;
    font-size:10px;
    letter-spacing:.12em;
    font-weight:600;
    color:#8291a0;
    text-align:right;
}
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual>div{
    border:0;
    border-radius:0;
    background:transparent;
    padding:0;
    min-width:0;
}
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual small{
    display:block;
    font-size:9px;
    letter-spacing:.06em;
    color:#83909c;
    line-height:1.3;
    margin-bottom:4px;
}
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual strong{
    font-size:22px;
    line-height:1.15;
    color:#19262d;
    white-space:nowrap;
}
.exx-finder #exx-compare-dyno .exx-dyno-peak--dual em{
    font-size:12px;
    color:#71808b;
}
/* Pills wie im urspruenglichen Leistungsdiagramm, statt breiter Tabellenbalken. */
.exx-finder #exx-compare-dyno .exx-dyno-legend--dual{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    align-items:center;
    margin-bottom:13px;
}
.exx-finder #exx-compare-dyno .exx-dyno-legend--dual span{
    display:inline-flex;
    align-items:center;
    flex:0 1 auto;
    width:auto;
    max-width:100%;
    padding:6px 10px;
    gap:7px;
    border:0;
    border-radius:999px;
    background:#f0f3f5;
    color:#43525e;
    font-size:11px;
    font-weight:650;
    line-height:1.35;
    white-space:normal;
}
.exx-finder #exx-compare-dyno .exx-dyno-legend--dual span::before{
    flex:0 0 10px;
    width:10px;
    height:10px;
}
/* Ruhiges Raster und weicher Hintergrund wie im Screenshot. */
.exx-finder #exx-compare-dyno .exx-dyno-chart{
    border:1px solid #e4e9ed;
    border-radius:5px;
    background:radial-gradient(circle at top,#fff 0%,#fbfcfd 50%,#f4f7f9 100%);
}
.exx-finder #exx-compare-dyno .exx-dyno-grid line{
    stroke:#dee5e9;
    stroke-width:1;
}
.exx-finder #exx-compare-dyno .exx-dyno-axis{
    stroke:#84919b;
    stroke-width:1.25;
}
/* Der Verlauf zeigt beide Kurvenarten: Leistung kraeftiger, Drehmoment etwas feiner. */
.exx-finder #exx-compare-dyno .exx-dyno-line{
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:stroke-dashoffset 1300ms cubic-bezier(.2,.7,.2,1),opacity .25s ease;
}
.exx-finder #exx-compare-dyno .exx-dyno-line--comparison{
    opacity:.16;
    stroke-width:2.5;
    filter:none;
}
.exx-finder #exx-compare-dyno .exx-dyno-line--comparison.exx-dyno-curve--power{
    stroke-width:1.5;
}
.exx-finder #exx-compare-dyno .exx-dyno-line--selected.exx-dyno-curve--power{
    opacity:1;
    stroke-width:4;
}
.exx-finder #exx-compare-dyno .exx-dyno-line--selected.exx-dyno-curve--torque{
    opacity:.92;
    stroke-width:3.7;
}
.exx-finder #exx-compare-dyno .exx-dyno-dot{
    stroke:#fff;
    stroke-width:2.2;
}
.exx-finder #exx-compare-dyno .exx-dyno-value{
    font-size:11px;
    font-weight:800;
}
/* Stage-Vorschau behaelt ihren kompakten Zustand; expanded Karten
   zeigen die Pills/Werte analog zur grossen Serienkarte. */
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-legend--dual,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-legend--dual{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:9px;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-peak--dual,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-peak--dual{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 12px;
    margin:4px 0 9px auto;
    min-width:0;
    max-width:100%;
}
.exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-peak--dual::before,
.exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-peak--dual::before{
    grid-column:1/-1;
}
@media (max-width:980px){
    .exx-finder #exx-compare-dyno .exx-dyno-peak--dual{
        min-width:0;
    }
}
@media (max-width:640px){
    .exx-finder #exx-compare-dyno .exx-dyno-peak--dual{
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
        text-align:left;
    }
    .exx-finder #exx-compare-dyno .exx-dyno-peak--dual::before{
        text-align:left;
    }
}

/* Wertbeschriftungen der kleineren Stage-Diagramme lesbarer halten. */
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-value{
    font-size:16px;
}


/* v1.0.39: Bei Stage-Mouseover schrumpft die linke Serienkarte auf 25%.
   Die rechte Spalte erhaelt 75% und die ausgewaehlte Stage innerhalb
   dieser Spalte den groesseren Hoehenanteil. Keine Aenderung am Normalzustand. */
@media (min-width:981px) {
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo {
    transition:grid-template-columns .48s cubic-bezier(.22,.68,.2,1);
  }
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo.hover-stage1,
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo.hover-stage2 {
    grid-template-columns:minmax(0,1fr) minmax(0,3fr);
  }
  /* Schmale Serienkarte: Titel und Kurven bleiben sichtbar, breite
     Beschriftungen werden waehrend des Mouseovers ausgeblendet. */
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large {
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:14px 12px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large .exx-dyno-card-head,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large .exx-dyno-card-head {
    display:block;
    margin-bottom:12px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large .exx-dyno-card-head > div:first-child,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large .exx-dyno-card-head > div:first-child {
    min-width:0;
    width:100%;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large .exx-dyno-card-head > div:first-child > strong,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large .exx-dyno-card-head > div:first-child > strong {
    font-size:clamp(14px,1.35vw,19px);
    overflow-wrap:anywhere;
    line-height:1.3;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large .exx-dyno-peak,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large .exx-dyno-peak,
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large .exx-dyno-legend,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large .exx-dyno-legend {
    display:none;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large .exx-dyno-chart {
    padding:4px;
    width:100%;
    min-width:0;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large .exx-dyno-svg,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large .exx-dyno-svg {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
  }
  /* Die aufgeklappte Stage erhaelt die Breite der rechten Spalte;
     die nicht gewaehlte Stage bleibt als kleines Diagramm sichtbar. */
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack {
    min-width:0;
    max-width:100%;
  }
}
@media (prefers-reduced-motion:reduce) {
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo {
    transition:none!important;
  }
}


/* v1.0.40 - Stabiler SVG-Bereich statt auf 0px schrumpfender Flex-Zeile.
   Die Stage-Vorschau zeigt immer Kurven, die geoeffnete Stage bleibt gross. */
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-chart {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  height:140px;
  min-height:0;
  padding:5px 7px;
  overflow:hidden;
}
.exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-svg {
  display:block;
  flex:none;
  width:100%;
  max-width:100%;
  height:auto;
  max-height:100%;
  margin:0 auto;
  opacity:1;
}
@media(min-width:981px){
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart {
    display:flex;
    flex:0 0 auto;
    height:clamp(145px,18vw,245px);
    min-height:145px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart {
    display:flex;
    flex:0 0 auto;
    height:36px;
    min-height:0;
    padding:1px 3px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-card-head,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-card-head {
    flex:0 0 auto;
    margin-bottom:3px;
  }
}
@media(max-width:980px){
  .exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-chart{
    height:clamp(130px,25vw,225px);
    min-height:130px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart {
    height:clamp(160px,32vw,260px);
    min-height:160px;
  }
}
/* Genuegend Hoehe auch dann behalten, wenn die Serie auf 25% schrumpft.
   Ohne dieses Mindestmass schrumpft die gesamte Grid-Zeile mit und das
   geoeffnete Diagramm erscheint als hauchduenner Streifen. */
@media(min-width:981px){
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo{
    min-height:clamp(500px,45vw,600px);
  }
}


/* v1.0.41 – Optionales Dark Theme ausschliesslich fuer die Fahrzeugdetailseite.
   Das Backend steuert die Klasse exx-theme-dark am Detailcontainer.
   Der helle Modus nutzt alle bisherigen CSS-Regeln unveraendert. */
.exx-finder.exx-theme-dark{
  --exx-detail-dark:#edf4f8;
  --exx-detail-line:#394b59;
  --exx-detail-red:#f05267;
  color:#e4edf3;
  background:#121c25;
  border:1px solid #273742;
  border-radius:8px;
  padding:24px clamp(16px,2.1vw,30px) 48px;
}
.exx-finder.exx-theme-dark .exx-vehicle-breadcrumb{color:#9cabb8}
.exx-finder.exx-theme-dark .exx-vehicle-breadcrumb a{color:#cbd9e3}
.exx-finder.exx-theme-dark .exx-vehicle-breadcrumb a:hover{color:#ff7184}
.exx-finder.exx-theme-dark .exx-vehicle-head{
  background:linear-gradient(115deg,#20303d 0%,#15222d 100%);
  border:1px solid #344958;
  color:#f5f8fb;
}
.exx-finder.exx-theme-dark .exx-vehicle-head h2{color:#fff}
.exx-finder.exx-theme-dark .exx-vehicle-head p{color:#d6e0e8}
.exx-finder.exx-theme-dark .exx-vehicle-head .exx-vehicle-eyebrow{color:#b9c8d3}
.exx-finder.exx-theme-dark .exx-vehicle-section-title h2,
.exx-finder.exx-theme-dark .exx-vehicle-section-title h3{color:#f3f7fa}
.exx-finder.exx-theme-dark .exx-vehicle-section-title>span{color:#aec0cc}
.exx-finder.exx-theme-dark .exx-vehicle-spec,
.exx-finder.exx-theme-dark .exx-vehicle-stage{
  background:#1d2a35;
  border-color:#394b59;
}
.exx-finder.exx-theme-dark .exx-vehicle-stage{border-top-color:#f05267}
.exx-finder.exx-theme-dark .exx-vehicle-stage--base{border-top-color:#99a9b8;background:#202d38}
.exx-finder.exx-theme-dark .exx-vehicle-stage.is-active{
  background:linear-gradient(180deg,#26313e 0%,#302633 100%);
  border-color:#b8445a;
  box-shadow:0 16px 30px rgba(0,0,0,.28);
}
.exx-finder.exx-theme-dark .exx-vehicle-stage[data-exx-stage]:hover{border-color:#a84a5c;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.exx-finder.exx-theme-dark .exx-vehicle-spec small,
.exx-finder.exx-theme-dark .exx-vehicle-stage-metrics small,
.exx-finder.exx-theme-dark .exx-vehicle-product small{color:#acc0cc}
.exx-finder.exx-theme-dark .exx-vehicle-spec strong,
.exx-finder.exx-theme-dark .exx-vehicle-stage-metrics strong,
.exx-finder.exx-theme-dark .exx-vehicle-stage-label,
.exx-finder.exx-theme-dark .exx-vehicle-note strong,
.exx-finder.exx-theme-dark .exx-vehicle-product strong{color:#eef4f8}
.exx-finder.exx-theme-dark .exx-vehicle-stage-note{color:#b2c0cc}
.exx-finder.exx-theme-dark .exx-stage-gains span{background:#442834;color:#ff8b9d}
.exx-finder.exx-theme-dark #exx-compare-dyno.exx-compare-grid--combo .exx-dyno-card{
  color:#e4edf3;
  background:linear-gradient(180deg,#202e39 0%,#1a2630 100%);
  border-color:#405160;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-card-head strong,
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-card--large .exx-dyno-card-head>div:first-child>strong,
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-card[data-profile="base"] .exx-dyno-card-head strong{color:#e8f0f5}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-card[data-profile="stage1"] .exx-dyno-card-head strong{color:#ff7287}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-card[data-profile="stage2"] .exx-dyno-card-head strong{color:#ff9aa8}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-card-head>div:first-child>span{color:#b8c5d0}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-peak--dual::before,
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-peak small{color:#aebfcd}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-peak--dual strong{color:#f2f6f9}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-peak--dual em{color:#c3cfd7}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-legend--dual span{
  background:#2a3a47;
  color:#dce7ef;
  border-color:#3a4d5a;
}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-chart{
  background:radial-gradient(circle at 50% 0%,#293845 0%,#202e39 57%,#1a2732 100%);
  border-color:#3a4a58;
}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-grid line{stroke:#3c4c58}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-axis{stroke:#82929e}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-axislabel,
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-tick{fill:#c0cdd7}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-line--base{stroke:#a3b6c4}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-line--stage1{stroke:#ff536f}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-line--stage2{stroke:#ee8194}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-line--comparison{opacity:.25}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-dot--base{fill:#a3b6c4}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-dot--stage1{fill:#ff536f}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-dot--stage2{fill:#ee8194}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-dot{stroke:#1b2732}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-value--base{fill:#e0eaf1}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-value--stage1{fill:#ff8596}
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-value--stage2{fill:#ffb0bd}
.exx-finder.exx-theme-dark .exx-vehicle-note,
.exx-finder.exx-theme-dark .exx-vehicle-empty,
.exx-finder.exx-theme-dark .exx-vehicle-message{background:#1d2b36;border-color:#3c5060;color:#dce7ee}
.exx-finder.exx-theme-dark .exx-vehicle-note{border-left-color:#f05267}
.exx-finder.exx-theme-dark .exx-vehicle-note p{color:#c3d1dc}
.exx-finder.exx-theme-dark .exx-vehicle-products{border-color:#3c5060;background:#1d2b36}
.exx-finder.exx-theme-dark .exx-vehicle-product{border-bottom-color:#3c5060}
.exx-finder.exx-theme-dark .exx-vehicle-product-link,
.exx-finder.exx-theme-dark .exx-vehicle-secondary{color:#ff889b}
.exx-finder.exx-theme-dark .exx-vehicle-product-link:hover,
.exx-finder.exx-theme-dark .exx-vehicle-secondary:hover{color:#ffd0d8}

/* v1.0.43: Vergleichskarten ohne den leeren Sockel unter dem Serien-Diagramm.
   Die Hoehe richtet sich im Normalzustand nach dem tatsaechlichen Diagramminhalt,
   waehrend die beiden Stage-Karten exakt eine halbe rechte Spalte belegen. */
@media (min-width: 981px) {
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo {
    min-height: 0;
    align-items: stretch;
  }
  .exx-finder #exx-compare-dyno .exx-dyno-stack {
    align-self: stretch;
    height: 100%;
    min-height: 0;
    grid-template-rows: minmax(0,1fr) minmax(0,1fr);
  }
  .exx-finder #exx-compare-dyno .exx-dyno-card--stack {
    padding: 14px 16px;
    min-height: 0;
  }
  .exx-finder #exx-compare-dyno .exx-dyno-card--stack .exx-dyno-chart {
    height: clamp(130px,12vw,180px);
  }
  /* Aufgeklappte Stage benoetigt genug Raum fuer Werte UND Diagramm.
     Keine starre Mindesthoehe mehr im Ruhezustand. */
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo.hover-stage1,
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo.hover-stage2 {
    min-height: clamp(465px,34vw,580px);
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"],
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] {
    padding: 14px 16px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage2"],
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage1"] {
    padding: 7px 10px;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-card[data-stage-target="stage1"] .exx-dyno-chart,
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-card[data-stage-target="stage2"] .exx-dyno-chart {
    height: clamp(175px,17vw,240px);
    min-height: 0;
  }
}


/* v1.0.48: Backend-controlled transition duration for the entire card-layout
   movement. The stored value is numeric and provided as a scoped CSS variable.
   Initial value: 480ms, matching the previous desktop column animation. */
.exx-finder #exx-compare-dyno.exx-compare-grid--combo{
  transition-property:grid-template-columns;
  transition-duration:var(--exx-hover-speed,480ms);
  transition-timing-function:cubic-bezier(.22,.68,.2,1);
}
.exx-finder #exx-compare-dyno .exx-dyno-stack{
  transition-property:grid-template-rows;
  transition-duration:var(--exx-hover-speed,480ms);
  transition-timing-function:cubic-bezier(.22,.68,.2,1);
}
.exx-finder #exx-compare-dyno.exx-compare-grid--combo .exx-dyno-card{
  transition-duration:var(--exx-hover-speed,480ms);
}
.exx-finder #exx-compare-dyno .exx-dyno-svg{
  transition-duration:var(--exx-hover-speed,480ms);
}
@media (prefers-reduced-motion:reduce){
  .exx-finder #exx-compare-dyno.exx-compare-grid--combo,
  .exx-finder #exx-compare-dyno .exx-dyno-stack,
  .exx-finder #exx-compare-dyno .exx-dyno-card,
  .exx-finder #exx-compare-dyno .exx-dyno-svg{transition:none!important}
}

@media (max-width: 900px){
  .exx-finder .exx-vehicle-head::before,
  .exx-finder .exx-vehicle-head::after,.exx-finder .exx-vehicle-head::before{width:124%;left:-12%;opacity:.085}
}
@media (max-width: 640px){
  .exx-finder .exx-vehicle-head::before,
  .exx-finder .exx-vehicle-head::after,.exx-finder .exx-vehicle-head::before{width:138%;left:-19%;top:-34%;opacity:.075}
}


/* v1.0.54: Diagramme sind keine Hover-Ausloeser mehr. Nur die Stage-Werte oben steuern die Ansicht. */
.exx-finder #exx-compare-dyno .exx-dyno-card--stack { cursor:default; }
.exx-finder #exx-compare-dyno .exx-dyno-card--stack:hover { border-color:var(--exx-detail-line); }
.exx-finder.exx-theme-dark #exx-compare-dyno .exx-dyno-card--stack:hover { border-color:#3a4d5a; }


/* v1.0.58: Smooth transition from Stage 1 to Stage 2.
   Stage 1 remains in the CSS grid during the animation (instead of display:none),
   so the right-hand column can interpolate smoothly from 4fr/1fr to 0fr/1fr.
   The duration follows the backend slider and other layout transitions. */
@media (min-width:981px){
  .exx-finder #exx-compare-dyno .exx-dyno-stack{
    /* Prevent intrinsic Stage-card content from changing the outer grid height
       while the disappearing row animates from 4fr to 0fr. */
    contain:size;
    transition-property:grid-template-rows, row-gap;
    transition-duration:var(--exx-hover-speed,480ms);
    transition-timing-function:cubic-bezier(.22,.68,.2,1);
  }
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack{
    grid-template-rows:minmax(0,0fr) minmax(0,1fr);
    row-gap:0;
  }
  .exx-finder #exx-compare-dyno .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage1"]{
    transition:transform var(--exx-hover-speed,480ms) cubic-bezier(.22,.68,.2,1),
      opacity var(--exx-hover-speed,480ms) ease,
      padding var(--exx-hover-speed,480ms) ease,
      border-color var(--exx-hover-speed,480ms) ease,
      border-width var(--exx-hover-speed,480ms) ease,
      visibility 0s linear 0s;
  }
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage1"]{
    opacity:0;
    visibility:hidden;
    padding-top:0;
    padding-bottom:0;
    border-top-width:0;
    border-bottom-width:0;
    min-height:0;
    overflow:hidden;
    pointer-events:none;
    transform:none;
    transition:transform var(--exx-hover-speed,480ms) cubic-bezier(.22,.68,.2,1),
      opacity var(--exx-hover-speed,480ms) ease,
      padding var(--exx-hover-speed,480ms) ease,
      border-color var(--exx-hover-speed,480ms) ease,
      border-width var(--exx-hover-speed,480ms) ease,
      visibility 0s linear var(--exx-hover-speed,480ms);
  }
  /* Stage 2 stays on the second grid row; it fills the room as row 1 shrinks. */
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage2"]{
    grid-row:2;
  }
}
@media(max-width:980px){
  /* Keep the previous one-column responsive behavior on narrow screens. */
  .exx-finder #exx-compare-dyno.hover-stage2 .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage1"]{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .exx-finder #exx-compare-dyno .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage1"]{
    transition:none!important;
  }
}


/* v1.0.60: Weicher, symmetrischer Hover-Wechsel.
   Auch bei Stage 1 verschwindet die jeweils andere Stage-Karte und
   gibt ihren Platz ohne abruptes display:none frei. */
@media (min-width:981px){
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack{
    grid-template-rows:minmax(0,1fr) minmax(0,0fr);
    row-gap:0;
  }
  .exx-finder #exx-compare-dyno .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage2"]{
    transition:transform var(--exx-hover-speed,480ms) cubic-bezier(.22,.68,.2,1),
      opacity var(--exx-hover-speed,480ms) ease,
      padding var(--exx-hover-speed,480ms) ease,
      border-color var(--exx-hover-speed,480ms) ease,
      border-width var(--exx-hover-speed,480ms) ease,
      visibility 0s linear 0s;
  }
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage2"]{
    opacity:0;
    visibility:hidden;
    padding-top:0;
    padding-bottom:0;
    border-top-width:0;
    border-bottom-width:0;
    min-height:0;
    overflow:hidden;
    pointer-events:none;
    transform:none;
    transition:transform var(--exx-hover-speed,480ms) cubic-bezier(.22,.68,.2,1),
      opacity var(--exx-hover-speed,480ms) ease,
      padding var(--exx-hover-speed,480ms) ease,
      border-color var(--exx-hover-speed,480ms) ease,
      border-width var(--exx-hover-speed,480ms) ease,
      visibility 0s linear var(--exx-hover-speed,480ms);
  }
}
@media (max-width:980px){
  .exx-finder #exx-compare-dyno.hover-stage1 .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage2"]{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .exx-finder #exx-compare-dyno .exx-dyno-stack > .exx-dyno-card[data-stage-target="stage2"]{
    transition:none!important;
  }
}


/* v1.0.61: Touch-/Tablet-Bedienung der oberen Stage-Karten. */
.exx-finder .exx-vehicle-stage[data-exx-stage]{
  touch-action:manipulation;
}
@media (max-width:980px){
  /* Die angetippte Stage direkt sichtbar machen: nicht erst an der
     grossen Serien-Grafik vorbei scrollen muessen. */
  .exx-finder #exx-compare-dyno.hover-stage1 > .exx-dyno-card--large,
  .exx-finder #exx-compare-dyno.hover-stage2 > .exx-dyno-card--large{
    display:none;
  }
  .exx-finder #exx-compare-dyno{
    scroll-margin-top:90px;
  }
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage1"],
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage2"]{
    cursor:pointer;
    -webkit-tap-highlight-color:rgba(190,23,48,.12);
  }
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage1"]::after,
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage2"]::after{
    content:"Antippen: Diagramm anzeigen";
    display:block;
    margin-top:14px;
    font-size:12px;
    font-weight:700;
    color:var(--exx-detail-red);
  }
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage1"].is-active::after,
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage2"].is-active::after{
    content:"Erneut tippen: Diagramm schliessen";
  }
}
/* Gilt auch fuer Tablets mit Touch, die im Querformat breiter als 980px sind. */
@media (hover:none) and (min-width:981px){
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage1"],
  .exx-finder .exx-vehicle-stage[data-exx-stage="stage2"]{
    cursor:pointer;
  }
}